解决img与父盒子底部空白间隙问题

分类: 文章 • 2024-06-26 16:45:10

在一个父盒子里面有一个img时，发现在图片底部与父盒子底边框总是有一小段空白的距离，
如图：解决img与父盒子底部空白间隙问题
怎么解决呢？可根据需要选择对应的解决方法。
方法一：给父盒子添加font-size:0;

方法二：设置img的属性vertical-align:top/middle/bottom;
解决img与父盒子底部空白间隙问题
方法三：img设置浮动，父元素清除一下浮动

方法四：给img设置display：block；

用上面方法之后效果图：