IE浏览器中div和li包裹的img有5px空白的解决方案

在IE浏览器中用div或者li包裹一个img元素会发现img底部有5px的空白。解决方案如下：

1.设置img的vertical-align: bottom；

    这样做的目的是让图片靠底部展示，这样就可以将空白处遮盖了。而div是适用子元素高度的，就不会再多出5px了。

2.设置img的margin-bottom:-5px;

   这样做是让图片的底部上移5px，这样图片的空白部分就被填充了。

3.设置img元素为块级元素display:block;

   块级元素的高度来源于本身高度或子元素高度。

如下图：图一是修改后无5px空白的样子，图二是未修改前的样子