去除图片底侧空白缝隙

去除图片底侧空白缝隙

去除图片底侧空白缝隙

有个很重要特性要记住： 如果一个元素没有基线，比如图片或者表单等行内块元素，则他的底线会和父级盒子的基线对齐。 这样会造成一个问题，就是图片底侧会有一个空白缝隙。
解决的方法就是：

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