消除img间的默认间隙的解决方法

多个img标签的多张图片上下之间总有间隙，我们如何消除呢

图片示例

有间隙：

消除后：

消除img间的默认间隙的解决方法

方法：

（1）img{ display:block }
将其改变为block元素，但是该方法太过粗暴，相当于从根本上改变了img，不推荐

（2）img{ vertical-align:top }
改变其垂直对齐方式

（3）div{ font-size:0 }
把父元素的文字大小设置为0

（4）div{ margin-bottom:-3px }
这个方法不推荐