当前位置: 首页 > 知识库问答 >
问题:

如何在Gitlab标记中居中文本?

酆鸿彩
2023-03-14

在Gitlab将其标记引擎切换到CommonMark之后,向标记文件添加自定义样式就不再那么容易了。

我使用Gitlab已经有一段时间了,在最长的一段时间里,我喜欢我的readme.md文件看起来非常好,有一个居中的图标、标题和我的项目的描述。当他们切换引擎时,我所有的标记文件都依赖于这样的样式看起来真的很糟糕。

转换到Commonmark后,我如何在Gitlab中居中文本?

共有3个答案

广楚
2023-03-14
热门标签
濮宇定
2023-03-14
相关问题
莫英卓
2023-03-14

我查看了我的一个老项目,注意到它已经居中了。原来CommonMark还允许您在

标记上设置 align=“center”

因此,最简单的居中解决方案是当前(注意开头

后面的空行:

<div align="center">

# This is gonna be centered!
</div>

唯一支持居中(据我所知)的CommonMark html对象是当您居中一个表格单元格时。首先,您可能会考虑制作一个表格,然后使用align=“center”,但是表格不会占据整个页面的宽度,因此在页面的左手边会有一个小表格,这不能解决我们想要相对于页面而不是表格居中的问题。

为了解决这一问题,我们将表宽(不使用带有内联样式标记的CSS,因为在编写本文时CommonMark不支持它)设置为一个较大的值,该值将占用比页面总宽度多得多的空间。由于Gitlab markdown中表的max-width:CSS属性为100%,这意味着通过设置高得离谱的width=“”我们实际上是通过仅使用允许的纯htmlwidth=“”属性将表width:设置为100%

下面的标记,如果放在你的Gitlab项目中的readme.md中,会得到一个100%宽度的表格,上面有居中的图像、标题和描述。最值得注意的部分是,我们在表中的元素上设置了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

https://imgs.xnip.cn/cj/n/50/5fac19a6-f3c4-4b0d-bacd-9394e3e4257e.png" width="100%" height="100%" />

 类似资料:
  • 问题内容: 尽管进行了许多尝试,但我仍无法获得我想要看到的结果- 文本在JLabel内居中,而JLabel则在BorderLayout中居中。我说“有点”是因为在窗口的右下角还应该有另一个标签“状态”。这是负责的代码: 感谢您提供的任何帮助。 问题答案:

  • 问题内容: 我有一个 带有Title 的 JFrame 。我希望 标题居中对齐 ,以便它出现在 JFrame标题 的 中间 。 谢谢。 问题答案: 考虑将标题左对齐…但是…这将使您靠近中心。对于可调整大小的框架,您需要在调整大小时重写标题。

  • 问题内容: 如何在ReactNative中水平和垂直居中放置文本? 我在rnplay.org中有一个示例应用程序,其中 justifyContent =“ center” 和 alignItems =“ center” 不起作用:https : **//rnplay.org/apps/AoxNKQ** 文本应居中。为什么在文本(黄色)和父容器之间的顶部留有空白? 码: 问题答案: 从‘样式删除,和

  • 在我工具栏的左边,我有一个徽标,我想在同一个工具栏中居中设置一个文本视图作为我的标题。由于某种原因,标题没有居中,而是在右边。这是我的尝试: 代码: 有人知道为什么标题不在工具栏的中心吗?任何帮助都非常感谢。

  • 我想选择强标签内的文本,但不在其下的div。。。 有没有可能直接与jsoup合作? 我的选择尝试(不工作,选择强标签内的完整内容): HTML:

  • 我有一个图标img,并试图将其居中在一个卡片div中,但不知何故不起作用。我已经尝试了和和两者都没有帮助。我在下面附上了我的代码。感谢任何帮助。提前道谢。 null null