MD图片注释居中

不同网站的MD编辑器,竟然并不是统一的。
下面的两段代码的区别在于div样式里有无text-align: center。其实,两段代码在Typora里都是居中显示的。可是在LearnKu的编辑器,如果不加text-align: center,则注释不会居中。

代码1
<center>
<img style="border-radius: 0.3125em; box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="https://cdn.learnku.com/uploads/images/202104/06/78275/kEoKNl19qo.png!large">
<br> <div style="color:orange; border-bottom: 1px solid #d9d9d9; display: inline-    block; color: #999; padding: 0px;"><code>SortOrderTable</code>先显示提到的单列表。    </div>
</center>

代码1显示的效果如下。

kEoKNl19qo.png!large

SortOrderTable先显示提到的单列表。

------------------------------------------------------------------------------

代码2
<center>
<img style="border-radius: 0.3125em; box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="https://cdn.learnku.com/uploads/images/202104/06/78275/kEoKNl19qo.png!large">
<br> <div style="text-align: center;color:orange; border-bottom: 1px solid #d9d9d9; display: inline-block; color: #999; padding: 0px;"><code>SortOrderTable</code>先显示提到的单列表。</div>

代码2显示的效果如下。 kEoKNl19qo.png!large

SortOrderTable先显示提到的单列表。

本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!