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

Posted 2020-08-09 Nothing

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

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

解决方案：

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

2、设置img{ display: block}

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

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