如果给每个li里面加个span标签的话,在IE6,IE7下看,li与li之间的距离就会多了3px。
解决方法:在li中加vertical-align:middle;
<div class="contain">
<div class="main">
<ul>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
</ul>
</div>
</div>
css样式:
.contain
{
40px;
height: 140px;
border: 1px solid red;
}
.main ul
{
margin: 0;
padding: 0;
}
.main ul li
{
35px;
height: 35px;
vertical-align:middle;
list-style-type: none;
border: 1px solid green;
}
注意:如果li中如果包含div也会出现以上问题。