如何在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不支持它）设置为一个较大的值，该值将占用页面总宽度以上的值。由于Gitlab markdown中表的max-width: CSS属性为100%，这意味着通过设置高得离谱的width=""，我们实际上是将表width:设置为{{1} }，仅使用允许的纯html 100%属性。

下面的减价，如果放在例如Gitlab项目中的README.md将导致宽度为100％的表格具有居中的图像，标题和说明。最值得注意的部分是我们在表格的width=""元素上设置了width="9999"。

<td>

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