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

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

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

解决方案:

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

2、设置img{ display: block}

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

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

posted @ 2016-09-23 11:01  kimingw  阅读(1577)  评论(0编辑  收藏  举报