gitlab - 如何在 Gitlab Markdown 中使文本居中？

Question

Gitlab 将其 Markdown 引擎切换到 CommonMark 后，向 Markdown 文件添加自定义样式等内容不再那么容易。

我已经使用 Gitlab 一段时间了，在很长一段时间里，我很喜欢我可以让我的 README.md 文件看起来多么漂亮，为我的项目提供居中的图标、标题和描述。当他们切换引擎时，我所有依赖于此类样式的 Markdown 文件看起来都非常糟糕。

转换到 CommonMark 后如何在 Gitlab 中居中文本？

Answer 1

更新

我检查了我的一个旧项目，发现它已经居中了。事实证明，CommonMark 允许您设置 align="center"上<div>还有标签!

所以，目前最简单的居中解决方案是(注意开头 <div> 后面的空行:

<div align="center">

# This is gonna be centered!
</div>

原始

唯一支持居中的 CommonMark html 对象(据我所知)是当您将表格单元格居中时。首先，您可能会考虑只制作一个表格，然后使用 align="center" ，但是表格不会占据页面的整个宽度，因此您会在页面的左侧看到一个小表格，这并不能解决我们想要将内容相对于页面居中的问题比表。

为了解决这个问题，我们将表格宽度(不使用带有内联样式标记的 CSS，因为在撰写本文时 CommonMark 不支持它)设置为一个大值，该值将占用比页面总宽度更多的值。自 max-width: Gitlab markdown 中表格的 CSS 属性是 100%这意味着通过设置一个高得离谱的 width=""我们本质上是在设置表width:至100%仅使用允许的纯 html width=""属性。

下面的 Markdown 如果放置在例如Gitlab 项目中的 README.md 将生成一个 100% 宽度的表格，其中包含居中的图像、标题和描述。最值得注意的部分是我们设置 width="9999"关于<td>表中的元素。

<table align="center"><tr><td align="center" width="9999">
<img src="/icon.png" align="center" width="150" alt="Project icon">

# MyProject

Description for my awesome project
</td></tr></table>

... More content

下面您可以看到一个示例，说明您的 README.md 文件如何使用上述 markdown 在 Gitlab 上显示。