html+css图片下面小空白、图片间的间隙问题

图片下面的小空白问题以及图片图图片之间间隙

如图:

添加图片的时候,图片的默认样式是图片与图片之间有间隙,图片下面也有间隙,需要使用方法进行清除,列举三种方法:
方法一:
给图片设置对齐方式:vertical-align:top/middle/bottom

方法二:
给图片转块 display:block;

方法三:
给图片的父元素设置font-size:0;line-height:0
这个办法不仅可以解决图片下面的小空白，也能解决图片与图片之间的小空白

缺点:是让父元素里的文字的字号和行高都变成了0，文字看不见，需要重新定义文字的字号和行高