14

我在页面顶部有一个导航栏。在 FF 和 Chrome 中，导航栏显示正常。然而，在 IE8（有或没有兼容性）中，UL 似乎从左侧缩进，而不是每个 li 只是整个 li；尽管宣布

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

有什么想法可能导致这种情况吗？

4

4 回答 4

22 
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>
于 2009-07-26T15:02:55.760 回答
15

我刚刚使用 ul { list-style-position:outside; } 来修复 IE 中的缩进。

于 2010-05-27T18:17:54.317 回答
4

我认为应该是：

ul { padding: 0; margin: 0 } 
li { padding: 0; }
于 2009-07-26T15:06:11.840 回答
0

专门用于IE6 list-style-position:outside;/IE7 对我有用。但是，请注意，这可能仅在您list-style-position:inside;用于其他浏览器并且通过将默认列表边距/填充设置为 0 来隐藏默认列表边距/填充时才需要。使用 IE 需要一些技巧和大量特定于浏览器的 CSS。

于 2011-06-29T13:13:23.277 回答