CSS引起UL在IE缩进太大(CSS causing an UL to be indented to

2019-06-26 19:59发布

我在页面顶部的导航栏。 在FF和铬的导航栏显示细。 然而,在IE8(具有或不具有兼容性)的UL似乎从左手侧,而不是每个立只是整个里缩进; 尽管声明

text-align:center; width:600px; margin:auto; padding-left:0;

任何想法可能是造成这个?

Answer 1:

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>


Answer 2:

我只是用UL {列表样式位置:外; }固定在IE中缩进。



Answer 3:

我觉得应该是:

ul { padding: 0; margin: 0 } 
li { padding: 0; }


Answer 4:

使用list-style-position:outside; 专门为IE6 / IE7为我工作。 但是请注意,如果你使用这个可能只需要list-style-position:inside; 对于其他浏览器,只需将它们设置为0与IE工作隐藏的默认列表保证金/填充需要一些技巧,很多特定浏览器CSS的。



文章来源: CSS causing an UL to be indented too much in IE