markdown是否支持本机文本对齐而不使用html + css?


当前回答

对于大多数降价解析器,没有办法本机对齐文本。 一些解析器支持这种语法:-> centric <-。

但是,如果您的解析器不支持它,您可以使用HTML,甚至允许您在标记中呈现markdown。

例如,当使用任何元素(如标题)时,您可以使用等效的html标记

# Title
## title 2

等于

<h1> Title </h1>
<h2> Title 2 </h2>

例如,对于title,你可以使用以下属性对齐文本:

<!-- title only -->
<h1 align="center"> Title </h1>

<!-- title with div -->
<div align="center"> <h1 align="center"> Title inside div! </h1> </div>

但有时你不想使用HTML,因为它限制了在HTML中使用markdown的能力,在这些情况下,你可以使用span,它允许你在HTML标签中渲染markdown:

<!-- title with span (you can render emojis or markdown inside it) -->
<span align="center"> <h1> :star: ~~Centered~~ </h1> </span>

请注意,此属性已弃用,虽然它已弃用,但它也是唯一一个与某些类型的markdown一起工作的属性,例如Github的markdown

其他回答

在Github你需要写:

<p align="justify">
  Lorem ipsum
</p>

对于大多数降价解析器,没有办法本机对齐文本。 一些解析器支持这种语法:-> centric <-。

但是,如果您的解析器不支持它,您可以使用HTML,甚至允许您在标记中呈现markdown。

例如,当使用任何元素(如标题)时,您可以使用等效的html标记

# Title
## title 2

等于

<h1> Title </h1>
<h2> Title 2 </h2>

例如,对于title,你可以使用以下属性对齐文本:

<!-- title only -->
<h1 align="center"> Title </h1>

<!-- title with div -->
<div align="center"> <h1 align="center"> Title inside div! </h1> </div>

但有时你不想使用HTML,因为它限制了在HTML中使用markdown的能力,在这些情况下,你可以使用span,它允许你在HTML标签中渲染markdown:

<!-- title with span (you can render emojis or markdown inside it) -->
<span align="center"> <h1> :star: ~~Centered~~ </h1> </span>

请注意,此属性已弃用,虽然它已弃用,但它也是唯一一个与某些类型的markdown一起工作的属性,例如Github的markdown

使用表语法的一个限定的“是”。例如,您可以将纯文本居中对齐如下:

| |
| :-: |
| 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>

这有点俗气,但如果你正在使用GFM或其他支持用管道构建表的MD语法,你可以使用列对齐特性:

|| <!-- empty table header -->
|:--:| <!-- table header/body separator with center formatting -->
| I'm centered! | <!-- cell gets column's alignment -->

这在标记中起作用。

div元素有自己的对齐属性align。

<div align="center">
  my text here.
</div>