最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS清除图片下几像素空白间隙方法
时间：2020-09-16 编辑：袖梨 来源：一聚教程网
本篇文章小编给大家分享一下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的父元素
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26