Markdown 支持“原生”的文本对齐方式吗?

markdown是否支持除了html + css之外的的原生的文本对齐?

460018 次浏览

居中对齐,将你希望居中对齐的文本用箭头(-> <-)环绕起来,如下所示:

-> This is center aligned <-

< em >本地< / em >减价 支持文本对齐,不需要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>

对于额外减记,可以使用自定义属性:

# 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元素有自己的对齐属性对齐

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

这个收益率:

< span style=" font - family:宋体;"> < / th > < span style=" font - family:宋体;"《罗密欧与朱丽叶》节选诉Borisovsky) < / td >

请注意,您仍然可以在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>
对于大多数markdown解析器,没有办法本机对齐文本。 一些解析器支持此语法:-> centered <-.

但是,如果您的解析器不支持它,您可以使用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

使用div可以将所有内容居中

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

但以这种方式使用p并不适用于所有item-

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