我之前也踩过GitLab这个自动加dir="auto"的坑，给你几个亲测有效的解决方案：

方案1：用内联CSS强制覆盖dir="auto"的影响 #

直接给包裹图片的<p>标签加上强制样式，抵消dir="auto"带来的对齐干扰：

<p style="text-align: center !important; dir: ltr !important;">
  <img src="你的图片链接" style="width: 500px;" alt="图片描述">
</p>

!important会强制覆盖GitLab的默认样式，dir: ltr则直接指定文本方向，避免dir="auto"的自动检测打乱居中效果。

方案2：替换<p>标签为<div>标签 #

GitLab的markdown渲染器似乎只会给自动生成的段落<p>标签加dir="auto"，换成<div>标签就不会触发这个行为：

<div style="text-align: center;">
  <img src="你的图片链接" style="width: 500px;" alt="图片描述">
</div>

这个方法更简洁，不需要额外处理dir属性，直接让父容器的居中样式正常生效。

方案3：直接给图片设置margin实现居中（最推荐） #

完全不依赖父元素的文本对齐，直接让图片自身实现居中，不管父标签有没有dir="auto"都能稳定生效：

<img src="你的图片链接" style="width: 500px; margin: 0 auto; display: block;" alt="图片描述">

原理是把图片从默认的行内元素改成块级元素（display: block），再用margin: 0 auto让它在父容器中水平居中——这是最通用的图片居中方案，完全不受GitLab渲染规则的限制。

补充说明 #

GitLab自动添加dir="auto"是为了支持多语言文本的自动方向检测，但这个属性会干扰text-align: center的表现，尤其是当容器内没有明显方向的文本时。上面三个方案都能绕开这个问题，其中方案3的适配性最强，优先推荐使用。

内容的提问来源于stack exchange，提问作者MonTea