div里包含img底部必定多出空白的解决办法
Posted Nothing
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div里包含img底部必定多出空白的解决办法相关的知识,希望对你有一定的参考价值。
研究了很久,自己写了js代码都解决不了。最后还是靠万能的网友解决了这一问题!
问题:adding、margin、border都设为0,无效。怎么样都多出3px。
解决方案:
1、设置div{ font-size: 0}
2、设置img{ display: block}
3、设置img{ vertical-align:top;}
推荐第二种方法,让img对象成为块级元素。
以上是关于div里包含img底部必定多出空白的解决办法的主要内容,如果未能解决你的问题,请参考以下文章
1.解决自适应布局中div内部img距离底部4px的空白问题?2. img怎么实现水平垂直居中?