Markdown 文本编辑图片居中显示以及题注

图片居中显示

---

Markdown 自带语法好像没有对图片居中显示有说明，对于较小尺寸的图片如果不能放大显示，那么只能按照默认靠左格式进行显示，完全不符合本人审美！

![Screenshot from 2018-04-12 10:51:38.png](https://upload-images.jianshu.io/upload_images/10028058-8f88a15298d8ef12.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

将图片代码改为如下形式即可居中显示（注意事项：<div align="center"> 前有空格！）：
<div align="center">![an image][./xxx.jpg]</div>

如上一张图片代码可改为：

<div align="center">![Screenshot from 2018-04-12 10:51:38.png](https://upload-images.jianshu.io/upload_images/10028058-8f88a15298d8ef12.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)</div>

[Screenshot from 2018-04-12 10:51:38.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMDAyODA1OC04Zjg4YTE1Mjk4ZDhlZjEyLnBuZw?x-oss-process=image/format,png)

注意事项：<div align="center"> 前有空格！

 

添加图片题注

---

如果想对图片添加题注，那么代码更改如下：
<div align="center">![an image][./xxx.jpg] 题注内容 </div>

如上一张图片代码可改为：
<div align="center">![Screenshot from 2018-04-12 10:51:38.png](https://upload-images.jianshu.io/upload_images/10028058-8f88a15298d8ef12.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) 条件随机场模型示意图 </div>

** 注意将结束标签换行，并在前面加入题注内容即可。 ** 添加题注效果如下：

[Screenshot from 2018-04-12 10:51:38.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xMDAyODA1OC04Zjg4YTE1Mjk4ZDhlZjEyLnBuZw?x-oss-process=image/format,png) 条件随机场模型示意图

 
以上。

---