Markdown 中控制图片的大小 对齐方式

原文出处：https://blog.csdn.net/sunsteam/article/details/73112787

普通展示图片

MarkDown中显示图片的语法是 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-leBlEqkm-1582254932335)(图片地址)]。但是这种方法只是单纯把图片显示出来，如果图片很大的话就会铺满屏幕或者超高，排版上不好看。

通过img标签控制宽高

<img src="http://pic15.photophoto.cn/20100615/0006019058815826_b.jpg"  height="330" width="495">

通过 <div> 标签和 align 属性控制对齐方式

<div align="center">
<img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_1_1488499316/550" height="330" width="190" >
<img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_2_1488499316/550" height="330" width="190" >
<img src="http://pp.myapp.com/ma_pic2/0/shot_42391053_3_1488499316/550" height="330" width="190" >
</div>

其他属性

上面2个标签我在多个编辑器中测试都有效。

根据MarkDown编辑器解析语法的方式不同，有些编辑器还支持别的属性

比如在 img 标签中增加 style="margin-left:45px" ，在atom中配合GitHub MarkDown有效。

甚至相同的html属性在不同的编辑器内展示效果也不一样。如果想传递一个md文件给别人的话， 尽量不要加别的html属性进去，最好是测试满意后转换为pdf格式发给对方。