去除图片底侧空白缝隙

图片或者表单等行内块元素，他的底线会和父级盒子的基线对齐。这样会造成一个问题，就是图片底侧会有一个空白缝隙。

解决的方法就是：  

法1、给img vertical-align:middle | top等等。  让图片不要和基线对齐。
法2、给img 添加 display：block; 转换为块级元素就不会存在问题了。

vertical-align 设置或检索对象内容的垂直对其方式

vertical-align : baseline |top |middle |bottom

vertical-align 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐。