如何解决div中img下4px的空白距离

1.定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top，vertical-align:bottom;。（默认和基线对齐vertical-align:baseline）

2.给img父元素div设置font-size=0;。

3.设置的宽高和img图片的大小一样即可。

4.设置img为display:block;。

由于img是行内块元素，默认和父元素的基线对齐。设置为和其他线对齐可以解决这个问题。

设置display:block；时，块级元素没有vertical-align这个属性，父元素的高度就直接被子元素撑开，就不存在空白距离。