Markdown `native` 文本对齐

Question

Markdown 是否支持native 文本对齐而不使用 HTML 或 CSS？

Answer 1

native markdown 不支持文本对齐，无需

html

+

css

。

Answer 2

为了使 md 文件中的文本居中，您可以使用 center 标签，如 html 标签：

<center>Centered text</center>

Answer 3

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

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

Answer 4

我知道这不是 Markdown，但是

<p align="center">

对我有用，所以如果有人弄清楚 Markdown 语法，我会很乐意使用它。在那之前我将使用 HTML 标签。

Answer 5

这很 hacky，但如果您使用 GFM 或其他一些支持使用管道构建表的 MD 语法，您可以使用列对齐功能：

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

这适用于标记。

Answer 6

在Github中你需要写：

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

Answer 7

对于 Markdown Extra，您可以使用自定义属性：

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

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

较短的版本（但 HTML 5 不支持）：

# Example text {align=center}

Answer 8

使用表格语法限定“是”。例如，您可以按如下方式居中对齐纯文本：

| |
| :-: |
| Excerpts from Romeo and Juliet (arr. V. Borisovsky) |

这产生：

摘自《罗密欧与朱丽叶》（V.鲍里索夫斯基编曲）

请注意，您仍然可以在 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>

Answer 9

我发现在 jupyter 笔记本单元上使用 Latex 语法非常有用，例如：

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

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

Answer 10

Github的Readme文件使用

div

可以将所有内容居中-

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

但是使用

p

这种方式并不能帮助所有项目-

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

Answer 11

对于大多数 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>

请注意，此属性已被弃用，虽然它已被弃用，但它也是唯一一个可与某些 Markdown 版本一起使用的属性，例如 Github 的 Markdown

Answer 12

对于带有 attr_list 扩展的 python markdown 语法有点不同：

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

示例：

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

Lead information paragraph
{: .lead }

Answer 13

您可以将其用于标题

# <center>Title</center>

这将使您的标题“标题”居中

Answer 14

我试图将图像居中，但此处答案中建议的技术均不起作用。带有内联 CSS 的常规 HTML

<img>

对我有用......

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

这是针对 GitHub 上托管的 Jekyll 博客的

Answer 15

要居中对齐，请用箭头 (

->

<-

) 围绕要居中对齐的文本，如下所示：

-> This is center aligned <-