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

方法二:设置img的属性vertical-align:top/middle/bottom;
解决img与父盒子底部空白间隙问题
方法三:img设置浮动,父元素清除一下浮动
解决img与父盒子底部空白间隙问题
方法四:给img设置display:block;
解决img与父盒子底部空白间隙问题
用上面方法之后效果图:
解决img与父盒子底部空白间隙问题

相关文章:

  • 2021-11-14
  • 2021-05-10
  • 2021-04-02
  • 2021-11-18
  • 2021-12-07
  • 2021-12-08
  • 2021-07-08
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-08-25
  • 2021-09-16
  • 2021-11-21
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案