li中包含span，在IE6、IE7下会有3pxbug

如果给每个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也会出现以上问题。

转载于:https://www.cnblogs.com/leejersey/p/3261055.html