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的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did112858