首页 > 其他 > 详细

div里包含img底部多出3px的解决办法

时间:2018-07-01 00:16:23      阅读:258      评论:0      收藏:0      [点我收藏+]

如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢?

问题图:

技术分享图片

 

解决后的效果:

 技术分享图片

 

这个Bug真是十分有意思,不过有N多种解决办法!

1、设置div{ font-size: 0}

2、设置img{ display: block}

3、设置img{ vertical-align:top;}

当然推荐第二种方法,让img对象成为块级元素。

div里包含img底部多出3px的解决办法

原文:https://www.cnblogs.com/lguow/p/9249081.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!