【发布时间】:2012-12-27 08:37:26
【问题描述】:
markdown 是否支持 native 不使用 html + css 的文本对齐?
【问题讨论】:
-
对于 GitHub 风格的 Markdown,
<p align=center>有效。 (来自this answer below)
标签: markdown
markdown 是否支持 native 不使用 html + css 的文本对齐?
【问题讨论】:
<p align=center> 有效。 (来自this answer below)
标签: markdown
native markdown 不支持没有html + css的文本对齐。
【讨论】:
<p style="text-align: center;"> 和 </p> 中,这应该适用于任何降价
<br> 有效,因此可能有一些隐藏标签有效。
p 标记中,并将align 设置为center,如下所示:<p align="center">centered text</p>
<div> 或 <p> 哪个更好用? p 是一个段落,所以 div 可能是一个更中性和更好的选择?
为了使 md 文件中的文本居中,您可以使用 center 标签,如 html 标签:
<center>Centered text</center>
【讨论】:
我知道这不是降价,但<p align="center"> 为我工作,所以如果有人弄清楚降价语法,我会很乐意使用它。在此之前,我将使用 HTML 标记。
【讨论】:
div 元素有自己的对齐属性align。
<div align="center">
my text here.
</div>
【讨论】:
<div 标记后添加一个空行。我发现可以防止这种情况发生。
这很 hacky,但如果您使用 GFM 或其他支持使用管道构建表的 MD 语法,您可以使用列对齐功能:
|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->
这在标记中有效。
【讨论】:
在 Github 中你需要写:
<p align="justify">
Lorem ipsum
</p>
【讨论】:
<p align="right">[Index](#index)</p> 效果很好:)
<div 标记后添加一个空行,然后应该保留您的内联元素样式。
对于Markdown Extra,您可以使用自定义属性:
# Example text {style=text-align:center}
这适用于标题和块引用,但不适用于段落、内联元素和代码块。
更短的版本(但 HTML 5 不支持):
# Example text {align=center}
【讨论】:
使用表格语法的合格“是”。例如,您可以将纯文本居中对齐,如下所示:
| |
| :-: |
| Excerpts from Romeo and Juliet (arr. V. Borisovsky) |
这会产生:
| Excerpts from Romeo and Juliet (arr. V. Borisovsky) |
请注意,您仍然可以在 HTML 块中使用 Markdown。例如:
<div style="font-style: italic; text-align: center;" markdown="1">
## Excerpts from Romeo and Juliet (arr. V. Borisovsky)
### Sergei Prokofiev
#### Timothy Ridout, viola ∙ Frank Dupree, piano
</div>
【讨论】:
python markdown with attr_list extension 的语法略有不同:
{: #someid .someclass somekey='some value' }
例子:
[Click here](http://exmaple.com){: .btn .btn-primary }
Lead information paragraph
{: .lead }
【讨论】:
我试图使图像居中,但此处答案中建议的技术均无效。带有内联 CSS 的常规 HTML <img> 对我有用...
<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">
这是一个托管在 GitHub 上的 Jekyll 博客
【讨论】:
对于大多数 Markdown 解析器,没有办法原生对齐文本。
一些解析器支持这种语法:-> centered <-。
但是,如果您的解析器不支持它,您可以使用 HTML,甚至允许您在标签内呈现 markdown。
当使用任何元素(例如标题)时,您可以使用等效的 html 标记,例如
# Title
## title 2
等价于
<h1> Title </h1>
<h2> Title 2 </h2>
例如,对于标题,您可以使用以下属性对齐文本:
<!-- title only -->
<h1 align="center"> Title </h1>
<!-- title with div -->
<div align="center"> <h1 align="center"> Title inside div! </h1> </div>
但有时你不想使用 HTML,因为它破坏了在其中使用 markdown 的能力,在这些情况下,你可以使用 span,它允许你在 HTML 标签中呈现 markdown:
<!-- title with span (you can render emojis or markdown inside it) -->
<span align="center"> <h1> :star: ~~Centered~~ </h1> </span>
请注意,此属性已被弃用,虽然它已被弃用,但它也是唯一适用于某些降价风格的属性,例如 Github 的降价
【讨论】:
我发现在 jupyter 笔记本单元格上使用乳胶语法非常有用,例如:

$$\text{This is some centered text}$$
【讨论】:
要居中对齐,请使用箭头 (-> <-) 将要居中对齐的文本包围起来,如下所示:
-> This is center aligned <-
【讨论】:
ruby 实现中。谢谢!