如何使用 Markdown 将文本居中？

Question

如何使用 Markdown 将项目居中？我正在寻找适用于 Grav 的解决方案。我在互联网上找不到任何东西，我有点沮丧。

Answer 1

Markdown 本身不支持此功能，但是你可以实现将 Markdown 包装到 HTML.

根据经验，大多数 'flavors' Markdown 会将其呈现为居中文本：

<p style="text-align: center;">Centered text</p>

特别是对于 Grav，如 their documentation states，您应该执行以下步骤：

在您的系统配置文件中user/config/system.yaml确保激活 markdown 额外选项：

pages:
  markdown:
    extra: true

在您的包装标签中确保添加参数 markdown="1" 以激活降价内容的处理：

<div class="myWrapper" markdown="1">
# my markdown content

this content is wrapped into a div with class "myWrapper"
</div>

Answer 2

对我来说，它适用于以下 hack：在顶部添加标签 div 而不关闭 div 标签。这使得整个降价集中化

<div align="center">

Answer 3

当使用标题等任何元素时，您可以使用等效的 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，它允许你在 [=25] 中渲染 markdown =] 标签：

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

请注意，此属性已弃用，虽然已弃用，但它也是唯一适用于某些 markdown 风格的属性，例如 Github 的 markdown

How to center text with Markdown?