最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS清除图片下几像素空白间隙方法
时间:2022-06-25 14:03:39 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下CSS清除图片下几像素空白间隙方法,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
问题:
页面排版的时候发现图片下面有那么1-2像素的间隙空白,怎么去除。
这个是浏览器的一个设计问题。img本来是行内元素,却可以用width 和height,当父元素没有设置高度的时候,用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。
去除图片下间隙的方法1
css;">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的父元素
相关文章
- 价格跟踪交易-价格跟踪交易软件 04-25
- 碧蓝航线使用要注意什么 04-25
- 明日之后苹果能做什么食物攻略 04-25
- 以闪亮之名浅栗捏脸数据id攻略 04-25
- 逆水寒手游春归学堂奇遇如何完成 04-25
- 明日之后二层别墅建造蓝图攻略 04-25