我想在我的Gitlabs存储库中将readme.md(对于我的扩展名)中的图像居中。
仅供参考:我使用的是html代码,因为我需要另一个宽度,我发现了带有markdown的宽度,但这不起作用。
1。风格= “文本对齐:中心;”
<p style="text-align:center;">
<img src="..." alt="..." width="250">
</p>
结果html-code:<p dir="auto">
(我只发布这一行,因为这是失败。)
2。类= “文本中心”
<p class="text-center">
<img src="..." alt="..." width="250">
</p>
结果html-code:<p dir="auto">
第3。 ALIGN = “中间”
<p align="middle">
<img src="..." alt="..." width="250">
</p>
结果html-code:<p align="middle" dir="auto">
4。只有IMG-Tag(没有P-Tags)
第1点到第3点我也尝试在图像标签内部,没有包装p标签。
但结果html-code 也围绕图片标记进行了p-wrap :<p dir="auto">
我发现我是否采用第3次尝试并使用开发工具删除dir="auto"
居中工作
在GitHub上,我看到p标签中没有自动dir="auto"
param,而且没有。
但是在GitLabs上就是这样。
auto="dir"
的{{1}}?或
p-tags
?答案 0 :(得分:2)
如果您在div-wrap
周围p-wrap
,则会阻止dir="auto"
问题。
所以我的源代码现在看起来像这样:
<div>
<p align="center">
<img src="/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" width="250">
</p>
</div>
<div>
<p align="center">
<a href="http://E.ntwickler.de" title="TEST TITLE" target="_blank">
<img src="/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" width="250">
</a>
</p>
</div>
<div>
<p align="center">
<a class="no-attachment-icon" href="http://MYGITLABSERVER.de/Monti/rmcomment/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" target="_blank" rel="noopener noreferrer">
<img src="http://MYGITLABSERVER.de/Monti/rmcomment/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" width="250" class="js-lazy-loaded">
</a>
</p>
</div>
<div>
<p align="center">
<a href="http://MYLINKURL" title="TEST TITLE" target="_blank" rel="nofollow noreferrer noopener">
<img src="http://MYGITLABSERVER.de/Monti/rmcomment/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" width="250" class="js-lazy-loaded">
</a>
</p>
</div>
现在Gitlab的源代码看起来很好,我不必破解一些Gitlab-Css-Files或进行其他一些DOM操作。