div和img之间的缝隙问题解决办法

CSS piniu 1226浏览 0评论

做项目时发现所有的div,img的padding和margin都已经设置为0了,但是还出现间隙问题。

网上查了一下,类似的问题还蛮多的。
解决方法基本是四种:
1.将img设置为block; 这个基本可以解决img和div下方的缝隙问题。
2.设置img的竖直对齐方式 v-align:bottom;
3.设置父div的font-size:0
4.设置外层的div的line-height:0

如果以上办法还不能解决问题,那么使用定位的方式来解决间隙问题:
设置父元素的position为relative,子元素img的position为absolute;设置top为0,为了避免影响其他布局,设置下父元素的高度为img的高度。完美解决此问题。


发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • * 昵称:
  • * 邮箱: