你如何在 Gitlab 降价中居中文本？

Question

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

我使用 Gitlab 已经有一段时间了，而且使用 Gitlab 的时间最长，我很喜欢 README.md 文件的外观，项目的图标、标题和描述居中。当他们切换引擎时，我所有依赖于此类样式的降价文件看起来都非常糟糕。

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

Answer 1

更新

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

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

<div align="center">

# This is gonna be centered!
</div>

原创

唯一支持居中（据我所知）的 CommonMark html object 是当您将 table 单元格居中时。首先你可能想过只做一个 table 然后使用 align="center"，但是 table 不会占据整个页面的宽度，所以你会得到一个小的table 在页面的左侧，这不能解决我们想要相对于页面而不是 table.

居中的问题

为了解决这个问题，我们将 table 宽度（不将 CSS 与内联样式标签一起使用，因为在撰写本文时 CommonMark 不支持它）到一个很大的值，这将需要超过页面的总宽度。由于 Gitlab markdown 中 table 的 max-width: CSS 属性是 100% 这意味着通过设置高得离谱的 width="" 我们本质上是仅使用允许的纯 html width="" 属性.

将 table width: 设置为 100%

下面的降价如果放在例如README.md 在您的 Gitlab 项目中将导致 100% 宽度 table 以及居中的图像、标题和描述。最没有 table 的部分是我们在 table.

中的 <td> 元素上设置 width="9999"

<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 上的外观。

你如何在 Gitlab 降价中居中文本？

How do you center text in Gitlab markdown?

gitlab

markdown

gitlab-ce

更新

原创