Markdown添加图片并居中

  • 方式一、
<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="这里输入图片地址">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">这里输入题注</div>
</center>

效果图:



这里输入题注


方式二
必须在<center>![]中间隔开一行,否则不能正常识别,有的平台不需要。

<center>

![](https://img2020.cnblogs.com/blog/1735896/202004/1735896-20200412161804598-1907913658.png)
</center>

效果图:

Markdown添加图片并居中


  • 方式三、
    借助html标签<div>标签和align属性的支持
<div align='center'>

![](https://tu.virtualvmw.com:9054/images/2021/02/26/WechatIMG175.jpg)
</div>
文章最后更新于 2021-03-10
版权声明:刘丰源 发表于 2021-03-01 16:24:41。
转载请注明:Markdown添加图片并居中 | 虚拟机

暂无评论

暂无评论...