您现在的位置是：网站首页> 编程资料编程资料

详解CSS清除图片下几像素空白间隙的方法快速解决css使用@keyframes加载图片首次循环时出现白色间隙问题(闪屏)详解CSS 去掉inline-block元素间隙的几种方法 CSS图片下面有间隙的6种解决方案css几种解决inline-block间隙的方案(整理)css解决display:inline-block;产生的缝隙（间隙）的方法

2021-09-03 1053人已围观

简介这篇文章主要介绍了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 清除图片几像素空白间隙内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！