CSS中有什么方法实现清除图片空隙-群英

上一篇：CSS中元素垂直居中的实现怎样做，有哪些下一篇：用CSS实现的动态动画百分比进度条代码是什么？

这篇文章我们来了解“CSS中有什么方法实现清除图片空隙”的内容，小编通过实际的案例向大家展示了操作过程，简单易懂，有需要的朋友可以参考了解看看，那么接下来就跟随小编的思路来往下学习吧，希望对大家学习或工作能有帮助。

最近有伙伴问小编的问题：页面排版的时候发现图片下面有那么1-2像素的间隙空白，怎么去除。

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

去除图片下间隙的方法一

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的父元素

上述内容具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多"CSS中有什么方法实现清除图片空隙"的内容，大家可以关注群英网络的其它相关文章。

标签： CSS清除图片空隙

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS中元素垂直居中的实现怎样做，有哪些下一篇：用CSS实现的动态动画百分比进度条代码是什么？