< 返回新闻公共列表
详解CSS清除图片下几像素空白间隙的方法
发布时间:2021-01-03 00:47:53
亿胜云 提供香港/国内多地区BGP 高防云 CDN 隐藏源 游戏盾可隐藏IP加端口类通讯应用
这篇文章主要介绍了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的父元素
文章来源:脚本之家,原文链接:https://www.jb51.net/css/744987.html