消除浏览器中的图片默认间隙

Img图片默认空隙

1，所有浏览器图片默认都有间隙，不同浏览器间隙宽度不同；

2，设置display：block；可以消除上下间隙

3，设置父标签vertical-align:top/middle/bottom/sub可以消除上下间隙

4，设置父标签font-size:0；可以消除上下左右间隙

5，设置父标签Line-height:0；可以消除上下间隙

 

猜想：图片未设置block时，和文字特性类似会有上下间隙，类似文字默认上下居中，当设置block时没有文字特性，当设置上下居中，font-size:0；Line-height:0；时消除了文字上下离div包含块中的间隙，只要文字设置这些属性时是否也能消除间隙就可以验证这个想法是否正确。