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显示的效果如下。
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显示的效果如下。
SortOrderTable
先显示提到的单列表。
本作品采用《CC 协议》,转载必须注明作者和本文链接