如何在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降价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

在下面，您可以看到一个使用上述减价在gitlab上显示README.md文件的示例。