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


居中对齐,将你想居中对齐的文本用箭头(-> <-)环绕起来,就像这样:

-> This is center aligned <-

原生markdown不支持没有HTML + css的文本对齐。


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

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

这在标记中起作用。


为了在md文件中居中文本,你可以使用center标签,如html标签:

<center>Centered text</center>

在Github你需要写:

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

对于Markdown Extra,您可以使用自定义属性:

# Example text {style=text-align:center}

这适用于标题和块引号,但不适用于段落、内联元素和代码块。

更短的版本(但在HTML 5中不支持):

# Example text {align=center}

我知道这不是markdown,但<p align="center">对我有用,所以如果有人找出markdown语法,我很乐意使用它。在此之前,我将使用HTML标记。


我试着将图像居中,答案中建议的技术都不起作用。一个常规的HTML <img>内联CSS为我工作…

<img style="display: block; margin: auto;" alt="photo" src="{{ site.baseurl }}/images/image.jpg">

这是一个在GitHub上托管的Jekyll博客


对于带有attr_list扩展名的python markdown,语法略有不同:

{: #someid .someclass somekey='some value' }

例子:

[Click here](http://exmaple.com){: .btn .btn-primary }

Lead information paragraph
{: .lead }

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

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

我发现在jupyter笔记本单元格上使用latex语法非常有用,比如:

![good-boy](https://i.imgur.com/xtoLyW2.jpg  "Good boy on boat")

$$\text{This is some centered text}$$

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

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

对于大多数降价解析器,没有办法本机对齐文本。 一些解析器支持这种语法:-> 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使用div可以中心一切-

<div align="center">
    Any Text/Card/Item
</div>

但是这样使用p并不适用于所有item-

<p align="center">
    Any Text/Card/Item
</p>