div里包含img底部多出3px的解决办法

如果将一个img放在div里面,你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0,无效!那么怎么解决这个问题呢?

问题图:

div里包含img底部多出3px的解决办法

解决后的效果:

div里包含img底部多出3px的解决办法

这个Bug真是十分有意思,不过有N多种解决办法!

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

2、设置img{ display: block}

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

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

上一篇:Robotium -- AndroidUI优化工具HierarchyViewer


下一篇:安装VS2012以后打开office 2007 的任何程序都跳出VS2012配置界面的解决方案