我在页面顶部的导航栏。 在FF和铬的导航栏显示细。 然而,在IE8(具有或不具有兼容性)的UL似乎从左手侧,而不是每个立只是整个里缩进; 尽管声明
text-align:center; width:600px; margin:auto; padding-left:0;
任何想法可能是造成这个?
我在页面顶部的导航栏。 在FF和铬的导航栏显示细。 然而,在IE8(具有或不具有兼容性)的UL似乎从左手侧,而不是每个立只是整个里缩进; 尽管声明
text-align:center; width:600px; margin:auto; padding-left:0;
任何想法可能是造成这个?
margin-left:0px;
在Firefox中的UL是填充由默认设置,在IE它有一个左边距。
例:
<html>
<head>
<style>
ul{
border:1px solid red;
margin:0px;
list-style:none;
padding:0px;
}
li{
border:1px solid green;
margin:0px;
}
</style>
</head>
<body>
<ul>
<li>this</li>
<li>that</li>
<li>these</li>
<li>those</li>
</ul>
</body>
</html>
我只是用UL {列表样式位置:外; }固定在IE中缩进。
我觉得应该是:
ul { padding: 0; margin: 0 }
li { padding: 0; }
使用list-style-position:outside;
专门为IE6 / IE7为我工作。 但是请注意,如果你使用这个可能只需要list-style-position:inside;
对于其他浏览器,只需将它们设置为0与IE工作隐藏的默认列表保证金/填充需要一些技巧,很多特定浏览器CSS的。