【问题标题】:Jekyll right align textJekyll 右对齐文本
【发布时间】:2020-05-27 13:49:28
【问题描述】:

如何在 Jekyll 中右对齐文本?

我有一块文本要右对齐。

如果是 HTML,我会这样做:

style="text-align:right;"

如何在 Markdown 中使用 Jekyll 做到这一点?

【问题讨论】:

    标签: jekyll text-alignment


    【解决方案1】:

    Jekyll 2.0+ 使用 kramdown 作为默认的降价转换器。

    你可以在你的css中声明右对齐:

    .right{
         text-align: right;
    }
    

    然后,只需在段落之后添加:

    This text is right aligned. {: .right}
    

    【讨论】:

    • 您可能需要设置方向属性而不是 text-align
    【解决方案2】:

    您必须为此使用 HTML 标签,例如<p style="text-align: right">。 Markdown 可以通过在分隔线(左、右、两端)中放置冒号来对齐表格内容,但不能对齐普通文本,AFAIK。

    【讨论】:

    • FWIW,这就是我更喜欢纺织品的原因。它可以在没有 HTML 标签的情况下做更多事情。它不再看起来像普通文本了,但它是,IMO,标记功能更强大,甚至比 kramdown 或 multiMarkdown 更强大。
    【解决方案3】:

    Jekyll 支持 Textile 语言,因此您可以使用 specific tags for paragraphs,在您的情况下标签对齐在右侧 p>.

    在链接页面中:

    p>. Aligned right paragraph.
    

    【讨论】:

    • 这需要一个插件,即不是开箱即用的
    【解决方案4】:

    众所周知,Jekyll 从 2.0+ 开始使用 kramdown 作为默认的降价转换器。而且它现在不支持表格文本对齐,我认为下面的内容可以帮助你。

    1.第一个解决方案是 HTML 和 CSS(用于正常的块对齐):

    一个。使用内联样式:

    <p style="text-align: right">Your awesome text</p>
    

    b.使用外部样式:

    .right {
       text-align: right;
    }
    

    <p class="right">Your awesome text</p>
    

    Your awesome text. {: .right}
    

    2。第二种解决方案是 Jekyll Plugin(用于表格对齐):

    jekyll-spaceship - ? Jekyll 插件,提供强大的支持 table、mathjax、plantuml、emoji、youtube、dailymotion、vimeo 等。

    https://github.com/jeffreytse/jekyll-spaceship

    目前提供以下扩展功能:

    • 跨越多列的单元格
    • 跨越多行的单元格
    • 单元格文本分别对齐
    • 不需要表头
    • 分组的表标题行或数据行

    【讨论】:

      猜你喜欢
      • 2012-04-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-23
      • 2011-05-13
      • 2012-06-29
      • 2020-01-26
      相关资源
      最近更新 更多