zoukankan      html  css  js  c++  java
  • 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也会出现以上问题。

  • 相关阅读:
    云时代架构阅读笔记一——架构师必备最全SQL优化方案
    虚拟机VMware安装Ubuntuix
    假期周总结八
    虚拟机VMware安装Kali Linux
    codeforces 401D (数位DP)
    2014 多校联合训练赛6 Fighting the Landlords
    lightoj 1224
    lightoj 1020 (博弈)
    lightoj 1019
    lightoj 1018 (状态压缩DP)
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2960421.html
Copyright © 2011-2022 走看看