再看那柔弱的柳树吧，在寒冬余威尚盛时节，就早早苏醒过来，望着冰冻的河面，迎着凛冽的寒风，它微微察觉出一丝春意，于是，不顾一切地率先吐翠，淡淡地披起娇黄嫩绿的新装。沿河望去，枝梢间烟纱雾彀，一片生机，这情景仿佛一首动人的歌，一首热烈向往春天的歌，一首报告春的信息的歌，一首表达美好信念的歌。我在想：既然迎春花被人称作报春花，那么，柳树可不可以叫作报春树呢春来了，万千柳枝在春风中袅袅舞动。柳树是热爱春天的，春天也是热爱柳树的。
ie6 中 li 插入图片后下方有空隙 bug，这是 ie6 的有一个经典 bug。解决该 bug 有很多方法，今天我整理了下，共4种方法，给大家分享下。 首先附上代码：
复制代码
代码如下:<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" rel="nofollow noopener noreferrer" href="css/base.css" media="all"/>
<style type="text/css">
ul{width:774px;overflow:hidden;margin-left:auto;margin-right:auto;}
li{float:left;width:248px;height:162px;display:inline;margin:0 10px 10px 0;background:red;}
</style>
</head>
<body>
<ul>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
<li><img src="images/cat.jpg" width="248" height="162" alt=""/></li>
</ul>
</body>
</html>
效果如下：
通过上图，我们可以看出在 ie6 下 li 中图片下方有大约 2px 的空隙，即使我们给 li 宽高和图片一样也米有用。下面就介绍几种解决方法：
方法一：
给 li 加上 overflow:hidden;
方法二：
给 ul 加上 font-size:0;
方法三：
设置 img 的 display 值为 block。
方法四：
设置 img 的 vertical-align 的值为 top/middle/bottom。
以上就是ie6中li插入图片后下方有空隙(经典bug）多种如何解决方法。心，可以超越困难、突破阻挠；心，可以粉碎障碍；心，最终必会达到你的期望。然而，成功的的障碍，往往又是你的心！是你面对不可能完成的高度时，心为自己设定的瓶颈。更多关于ie6中li插入图片后下方有空隙(经典bug）多种如何解决方法请关注haodaima.com其它相关文章！
