CSS清除图片下几像素空白间隙方法

本篇文章小编给大家分享一下CSS清除图片下几像素空白间隙方法，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

问题：

页面排版的时候发现图片下面有那么1-2像素的间隙空白，怎么去除。

这个是浏览器的一个设计问题。img本来是行内元素，却可以用width 和height,当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。

去除图片下间隙的方法1

css;">img{display:block;}

方法2

img{vertical-align:top;}

除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以

方法3

#qdxw{font-size:0;line-height:0;}

#qdxw为img的父元素