div中添加<img>后图片下方多出3px空白

如果将一个img放在div里面，你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0，无效！

解决办法：

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

2、设置img{ display: block}

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