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
        {
            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也会出现以上问题。

原文地址:https://www.cnblogs.com/dreamhouse/p/2960421.html