热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何在Gitlabmarkdown中居中显示文本?

如何解决《如何在Gitlabmarkdown中居中显示文本?》经验,为你挑选了1个好方法。

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

我使用Gitlab已有一段时间了,而且最长的时间里,我一直喜欢使我的README.md文件看起来很好,并为项目提供居中的图标,标题和说明。当他们切换引擎时,我所有依靠这种样式的markdown文件看起来都非常糟糕。

过渡到CommonMark后如何在Gitlab中居中放置文本?



1> Simon Hyll..:
更新资料

我检查了我的一个旧项目,发现它已经居中了。事实证明,CommonMark允许您设置align="center"

标签,以及!

因此,目前最简单的居中解决方案是(请注意打开后的空行

# This is gonna be centered!
原版的

据我所知,唯一支持居中的CommonMark html对象是在居中放置表格单元格时。首先,您可能会考虑只制作一个表格,然后使用align="center",但是该表格不会占用页面的整个宽度,因此您会在页面的左侧得到一张小桌子,而这不会解决了我们希望将内容相对于页面而不是表格居中的问题。

为了解决这个问题,我们将表的宽度设置为一个较大的值(不使用CSS与内联样式标签,因为在编写本文时在CommonMark中尚不支持该宽度)将占用比页面总宽度更大的值。由于max-width:表中Gitlab降价CSS属性是100%这意味着通过设置高的离谱我们本质上表设置width:100%仅使用允许纯HTML 属性。

如果将下面的markdown放在您的Gitlab项目中的README.md中,则将形成宽度为100%的表格,其中包含居中的图像,标题和说明。最值得注意的部分是我们在表中元素上进行设置。

Project icon # MyProject Description for my awesome project
... More content

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


推荐阅读
author-avatar
嫣嫣细语dingdingjq
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有