ie6中li插入图片后下方有空隙(经典bug）多种解决

让我们来看一下示例代码：

• images/cat.jpg" 248" 162" "/>

通过这个示例，我们可以看到在 IE6 下，li 中的图片下方出现了一个空隙。接下来，我为大家介绍四种解决方法：

方法一：给 li 加上 overflow:hidden;

方法二：给 ul 加上 font-size:0; 并将 li 的 font-size 恢复为正常。这种方法可以解决由字体大小引起的间隙问题。

方法三：设置 img 的 display 值为 block。通过更改图片的显示方式，可以消除空隙。

方法四：设置 img 的 vertical-align 的值为 top/middle/bottom。调整图片的垂直对齐方式，有时也可以解决这个问题。