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

  • 相关阅读:
    ES6-11学习笔记--正则表达式的扩展
    ES6-11学习笔记--字符串的扩展
    ES6-11学习笔记--Map
    ES6-11学习笔记--Set
    ES6-11学习笔记--Symbol
    final
    MySQL
    爬虫1
    laravel
    HTML学习
  • 原文地址:https://www.cnblogs.com/dreamhouse/p/2960421.html
Copyright © 2011-2022 走看看