好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ulli在火狐下的问题,快崩溃了。。。大神救命啊_html/css_WEB-ITnose

HTML 火狐

经测试,在ie6,ie7,ie8,ie9上都ok,唯独在ff下有问题,截图如下:
ie6,ie7,ie8,ie9下运行效果:



ff下运行效果:



代码如下:
    title  *{margin:0;padding:0;}ul{width:980px;height:33px;margin:0px auto;list-style:none;border:1px solid red;}ul li{float:left;line-height:33px;text-align:center;}li a{float:left;width:82px;background-color:green;}     aa  |  aa  |  aa  |  aa  |  aa  |  aa  |  aa  |  aa  |  aa  |  aa  |  aa     


分析发现:ie和ff对li中'|'解释的宽度不一样,不管我怎么设置都没用,是不是ff对li有最小宽度的设置?跪求大神指教。万分感谢!







回复讨论(解决方案)

    title          * {            margin: 0;            padding: 0;        }        ul {            width: 980px;            height: 33px;            margin: 0px auto;            list-style: none;            border: 1px solid red;        }        ul li {            float: left;            line-height: 33px;            text-align: center;        }        li a {            float: left;            width: 82px;            background-color: green;        }        .Nwidth {            width: 1px;;        }             aa      |      aa      |      aa      |      aa      |      aa      |      aa      |      aa      |      aa      |      aa      |      aa      |      aa     

分别对两个 设置宽度即可

             title              * {            margin: 0;            padding: 0;        }        ul {            width: 980px;            height: 33px;            margin: 0px auto;            list-style: none;            border: 1px solid red;        }        ul li {            float: left;            line-height: 33px;        }        li a {            float: left;            width: 82px;            background-color: green;            text-align: center;        }        span{            display: inline-block;            background-color: #000000;            height: 23px;            width: 1px;            margin-top: 5px;        }             aa        aa        aa        aa        aa        aa        aa        aa        aa        aa        aa     

上面那个还是有问题,写这种竖线的话,还是用background比较好。

好人啊!

查看更多关于ulli在火狐下的问题,快崩溃了。。。大神救命啊_html/css_WEB-ITnose的详细内容...

  阅读:31次