div里包含img底部必定多出空白的解决办法

时间:2022-12-13 14:35:38

研究了很久,自己写了js代码都解决不了。最后还是靠万能的网友解决了这一问题!

问题:adding、margin、border都设为0,无效。怎么样都多出3px。

解决方案:

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

2、设置img{ display: block}

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

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