div里包含img底部多出3px的解决办法
Posted lguow
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div里包含img底部多出3px的解决办法相关的知识,希望对你有一定的参考价值。
如果将一个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的解决办法的主要内容,如果未能解决你的问题,请参考以下文章