如果给每个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 { width: 40px; height: 140px; border: 1px solid red; } .main ul { margin: 0; padding: 0; } .main ul li { width: 35px; height: 35px; vertical-align:middle; list-style-type: none; border: 1px solid green; }
注意:如果li中如果包含div也会出现以上问题。