【问题标题】:How to right-align and justify-align in Markdown?如何在 Markdown 中右对齐和对齐?
【发布时间】:2016-05-06 18:34:54
【问题描述】:

Markdown 文本始终是左对齐的。有没有办法在 Markdown 中进行右对齐和对齐?

确切地说,我在 Jupyter Notebook (IPython) 中使用 Markdown。

【问题讨论】:

  • AFAIK 无法更改 Markdown 中的对齐方式(会使编译器/渲染更加复杂) - 也许有一些使用扩展语法的工具可以做到这一点,但现在我不知道(我认为即使 pandoc 也不会这样做)
  • 您可以使用一些 CSS 来更改浏览器中 Markdown 输出的对齐方式或 HTML。但是,文本对齐超出了 Markdown 本身的范围。
  • 如果您将使用 html 格式,您将无法在该文本中使用 .md 格式。最佳答案在:stackoverflow.com/questions/49470805/… 例如:您好,这是我的text。 {: style="text-align: justify"}
  • 对于 bitbucket 自述文件,没有一个解决方案适合我

标签: markdown


【解决方案1】:

如何右对齐文本和超链接已经回答并标记为正确,但如果您要在右对齐文本中引用 Jupyter Notebook 的内容,则需要使用修改后的版本Eradash's answer。修改包括删除除法右括号 >在链接文本之前添加一个新的空白行。因此,如果您想将标题链接到目录,您可能还希望在同一块中有一个指向“目录”的右对齐链接,以提高笔记本的美感和导航效果。

假设您有一个目录,其中包含指向您的单元格标题的链接,在 markdown 中如下所示:

<a id='Contents'></a>
### Table of Contents
* [Project description](#Project)
* [Load Data](#Load)

稍后,您将拥有一个单元格,其中包含用于某些操作的左对齐标题,以及您的右对齐转到链接:

<a id='Load'></a>
#### Loading data
<div style="text-align: right"
     
[Go to table](#Contents)

这将为您提供一个左对齐的标题和一个右对齐的链接。您的下一个单元格紧随其后,无需对对齐方式进行任何修改:

(我很想知道为什么会这样工作,因为这个解决方案看起来更像是一种 hack。)

PS:您可以在右对齐链接文本之后的新行中添加结束括号 &gt; 甚至结束标记 &lt;/div&gt;,但它只会在输出与突出显示的空间一起,这当然违背了审美目的:

【讨论】:

    【解决方案2】:

    我用过

    <p align='right'>Farhan Khan</p>
    

    它在 Google Colaboratory 上对我有用。有趣的是,它在其他任何地方都不起作用?

    【讨论】:

      【解决方案3】:

      在通用 Markdown 文档中,使用:

      &lt;style&gt;body {text-align: right}&lt;/style&gt;

      &lt;style&gt;body {text-align: justify}&lt;/style&gt;

      但似乎不适用于 Jupyter。

      【讨论】:

      • 这个答案比投票最高的答案要好得多。建议的解决方案适用于 MD 标记。其他人一直建议使用 HTML 语法,这违背了 MD 的目的。
      【解决方案4】:

      如上所述,markdown 不支持右对齐的文本或块。但 HTML 结果通过级联样式表 (CSS) 完成。

      在我的 Jekyll 博客上使用的语法也适用于 markdown。要“终止”一个块,请在末尾使用两个空格或两次换行。

      当然你也可以用{: .right }代替{: style="text-align: right" }添加一个css类。

      文字向右

      {: style="text-align: right" }
      This text is on the right
      

      文本块

      {: style="text-align: justify" }
      This text is a block
      

      【讨论】:

      • 也许你需要澄清一下,对于初学者来说,什么是 CSS 类以及如何使用它。而且我认为这只适用于 Markdown 的 Kramdown 版本。
      • @Santiago,你是对的,只有当 Markdown 生成为 HTML 时才有效
      【解决方案5】:

      特定于您对 Jupyter Notebook 的使用:指定表格列对齐的功能应该会在未来的版本中恢复。 (当前版本默认处处右对齐。)

      来自PR #4130

      允许 markdown 表指定它们与 :--、:--:、--: 语法的对齐方式,同时仍然允许 --- 默认为右对齐。

      这恢复了先前的更改(#2534 的一部分),该更改从标记的渲染器出来的渲染 HTML 中剥离了对齐信息。需要明确的是,这不会更改正确的对齐默认值,但会重新支持使用 gfm 表对齐语法覆盖每列的对齐。

      ...

      【讨论】:

        【解决方案6】:

        如果你想使用this answer,我发现当你在MacOs上使用MacDown时,你可以在文档的开头使用&lt;div style="text-align: justify"&gt;来对齐所有的文本并保持所有code的格式。也许它也适用于其他编辑器,供您尝试;)

        【讨论】:

        • 由于某种原因,这不适用于整个文档,仅适用于段落。我在 Linux 中使用 Typora 作为编辑器
        【解决方案7】:

        如果您想在 Jupyter Notebook 中使用 justify align,请使用以下语法:

        <p style='text-align: justify;'> Your Text </p>
        

        右对齐:

        <p style='text-align: right;'> Your Text </p>
        

        【讨论】:

        • 感谢您显示justify 选项;其他帖子只谈论右对齐。此选项似乎也适用于 div 标签。太糟糕了,我只能接受一个答案:)
        • 如果您需要像我一样证明整个文档的合理性,请在 CSS 中添加 p { text-align: justify; }。此外,您还可以为列表元素添加ul { text-align: justify; }
        【解决方案8】:

        如果你想在表单中右对齐,你可以试试:

        | Option | Description |
        | ------:| -----------:|
        | data   | path to data files to supply the data that will be passed into templates. |
        | engine | engine to be used for processing templates. Handlebars is the default. |
        | ext    | extension to be used for dest files. |
        

        https://learn.getgrav.org/content/markdown#right-aligned-text

        【讨论】:

          【解决方案9】:

          native markdown 中对齐文本是不可能的。但是,您可以使用内联 HTML 标记对齐文本。

          <div style="text-align: right"> your-text-here </div>
          

          为了证明这一点,请将上面的 right 替换为 justify

          【讨论】:

          • 它可以工作,但它会破坏像&lt;div style="text-align: right"&gt; [up](https://github.com/loretoparisi/CapsNet#CapsNet) &lt;/div&gt; 这样的链接不会呈现为链接。
          • 你可以在里面使用&lt;a href="https://your-site.com"&gt;Your link&lt;/a&gt;标签?‍♂️
          • 内联 HTML 通常被 Linters 禁止。我会避免在 Markdown 中使用内联 html,我在此处发布了我的建议作为问题的答案。
          猜你喜欢
          • 2018-03-09
          • 1970-01-01
          • 1970-01-01
          • 2010-09-20
          • 1970-01-01
          • 1970-01-01
          • 2023-03-31
          • 2012-01-30
          • 2013-09-11
          相关资源
          最近更新 更多