首页 > 技术文章 > markdown基本语法

docnan 2018-01-16 11:23 原文

  1. 对插入图片的显示控制(大小,位置等)
![](http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png)

默认的插图方式会将图片以原始的尺寸显示在网页上,不太美观紧凑。

  • 控制图片比例[1]
    固定图的长宽为一定的值,但这样有可能导致图片变胖或变瘦。如果要保持图片原来的宽高比,可以只设定宽或者高中的一个值,另一个值不设定。
<img src="http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png"  width=256 height=256 />

固定长宽

只固定宽度

  • 固定图片的长宽为原图的一定比例,这样可以对原图进行有效的放缩。
<img src="http://images2017.cnblogs.com/blog/985636/201801/985636-20180116110448490-1961724900.png"  width="50%" height="50%" />
* 给图片增加标注(caption) ```markdown
Fig.1 test grid styles
```
Fig.1 test grid styles

参考:
[1]http://blog.csdn.net/yhl_leo/article/details/50099843

推荐阅读