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)

Screenshot from 2018-04-12 10:51:38.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

注意事項:<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>

注意將結束標籤</div>換行,並在前面加入題注內容即可。添加題注效果如下:

Screenshot from 2018-04-12 10:51:38.png
條件隨機場模型示意圖


以上。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章