IE6 ie7图片之间有空隙的问题

由于浏览器的不同，我们在使用div+css排版中、难免会遇到许多这样那样的问题。在ie6中，图片的下方会出现多余的空隙。 如何来解决这个问题呢？ 其实解决这个问题有很多种方法。

可以设置图片的浮动属性float:left/right、或者把图片转换为块级对像display:block、或者改变html的排版形式、或者把父容器的字体大小设为0，font-size:0。

或者设置图片的垂直对齐方式vertical-align：top，middle, bottom，text-bottom。等方法解决这个问题。

 

块元素中含有图片时，ie6-ie7中会出现图片下有空隙

解决方法：

1、在源代码中让和在同一行

2、将图片转换为块级对象display:block;

3、设置图片的垂直对齐方式 vertical-align:top/middle/bottom

4、改变父对象的属性，如果父对象的宽、高固定，图片大小随父对象而定，那么可以对父元素设置： overflow:hidden;

5、设置图片的浮动属性 float:left;

---