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

最近有伙伴问小编的问题：

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

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

去除图片下间隙的方法一

img{dis play :block;}

方法2

img{vert ical -align:to p; }

除了top值，还可以设置为text -t op | middle | bottom | text-bottom，甚至特定的<length>和< PE rcentage>值都可以

方法3

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

#qdxw为img的父元素

总结

到此这篇关于详解CSS清除图片下几像素空白间隙的方法 的 文章 就介绍到这了,更多相关css 清除图片几像素空白间隙内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 详解CSS清除图片下几像素空白间隙的方法 全部内容，希望文章能够帮你解决 详解CSS清除图片下几像素空白间隙的方法 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于详解CSS清除图片下几像素空白间隙的方法的详细内容...