在 Gitlab 将其降价引擎切换到 CommonMark 之后，向降价文件添加自定义样式等内容不再那么容易。
我使用 Gitlab 已经有一段时间了，在很长一段时间里，我一直很喜欢我可以让我的 README.md 文件看起来多么漂亮，我的项目有一个居中的图标、标题和描述。当他们切换引擎时，我所有依赖于此类样式的降价文件看起来都非常糟糕。
转换到 CommonMark 后，如何在 Gitlab 中将文本居中？
问问题
17208 次
1 回答
59
更新
我检查了我的一个旧项目，发现它已经居中了。事实证明，CommonMark 也允许您设置align="center"标签<div>！
因此，目前最简单的居中解决方案是（注意开头后的空行<div>：
<div align="center">
# This is gonna be centered!
</div>
原来的
唯一支持居中的 CommonMark html 对象（据我所知）是当您将表格单元格居中时。首先你可能想只做一个表格然后使用align="center"，但是表格不会占据页面的整个宽度，所以你会在页面的左侧得到一个小表格，这不会' t 解决我们想要将内容相对于页面而不是表格居中的问题。
为了解决这个问题，我们将表格宽度（不使用带有内联样式标签的 CSS，因为在撰写本文时 CommonMark 不支持它）设置为一个很大的值，该值将占用页面的总宽度。由于max-width:Gitlab markdown 中表格的 CSS 属性100%意味着通过设置一个高得离谱的值width=""，我们实际上是通过仅使用允许的纯 html属性width:来设置表格。100%width=""
如果将下面的标记放在 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 文件如何使用上述降价在 Gitlab 上显示。
于 2018-11-13T04:08:26.587 回答