如何在Gitlab中删除p-tags的auto =“dir”?

时间:2018-01-18 09:01:37

标签: html css image gitlab markdown

我想在我的Gitlabs存储库中将readme.md(对于我的扩展名)中的图像居中。

仅供参考:我使用的是html代码,因为我需要另一个宽度,我发现了带有markdown的宽度,但这不起作用。

我在stackoverflow上找到的东西,并在readme.md中尝试:

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上就是这样。

所以我的问题是:

如何在Gitlab中删除auto="dir"的{​​{1}}?

我可以在哪里更改我的Gitlab中的p-tags

的css

1 个答案:

答案 0 :(得分:2)

我找到了解决方案:

如果您在div-wrap周围p-wrap,则会阻止dir="auto"问题。

所以我的源代码现在看起来像这样:

Div Wrap - P中心和图像

<div>
    <p align="center">
        <img src="/uploads/12676084bd8b8b0c6f38df97b21d5d8d/MyImage.svg" width="250">
    </p>
</div>

Div Wrap - P中心 - 链接和图像

<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>

以下是Gitlab的代码(为了更好地阅读我制作一些行制动器)

Div Wrap - P中心和图像

<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 Wrap - P中心 - 链接和图像

<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操作。