解决div（或者其他块级标签）里面img图片下方有空白的问题

 如下，可以发现img图片下方会有留空问题。

空白产生的原因：图片默认的vertical-align是baseline。

解决方法：

1. 给img标签添加样式：display:block;

2.将div标签的line-height设置得足够小，也可以去掉空白，例如div{line-height:5px;}

3.给div添加样式：font-size:0;

4.改变img标签的vertical-align默认样式，可设置为：vertical-align:middle;或者vertical-align:top;