如何使用Markdown将文本居中？

Question

如何使用Markdown将商品居中？我正在寻找可在Grav中使用的解决方案。我在互联网上找不到任何东西，这让我有些沮丧。

Answer 1

Markdown 本身不支持此功能，但您可以实现将 Markdown 包装到 HTML 中。

根据经验，Markdown 的大多数“风格”会将其呈现为居中文本：

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

专门针对 Grav，正如他们的文档所述，您应该执行以下步骤：

在您的系统配置文件中，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>

这个答案很好，但我发现这个事实令人困惑 - 为什么 CommonMark （以及大多数其他 Markdown 规范）中缺少文本对齐？它看起来如此明显、简单和有用，一定有一些我遗漏的事实...... (2认同)
来自 https://daringfireball.net/projects/markdown/syntax#philosophy “Markdown 格式的文档应该可以按原样以纯文本形式发布，而不会看起来像是用标签或格式说明进行标记。” (2认同)
感谢@Estevan，这很有帮助，尽管文本对齐和所有其他“标签和格式”降价支持之间的区别似乎有些任意。;) (2认同)

Answer 2

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

<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，它允许你在 HTML 标签内渲染 markdown：

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

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