最近有伙伴问小编的问题: 页面排版的时候发现图片下面有那么1-2像素的间隙空白,怎么去除。 这个是浏览器的一个设计问题。img本来是行内元素,却可以用width 和height,当父元素没有设置高度的时候,用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。 去除图片下间隙的方法一 img{display:block;} 方法2 img{vertical-align:top;} 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的和值都可以 方法3 #qdxw{f