html – 在IE中导致UL缩进的CSS

前端之家收集整理的这篇文章主要介绍了html – 在IE中导致UL缩进的CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面顶部有一个导航栏.在FF和Chrome中,导航栏显示正常.然而在IE8(有或没有兼容性),UL似乎从左手侧缩进,而不是每个li只是整个li;尽管宣称
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>
原文链接:https://www.f2er.com/html/230762.html

猜你在找的HTML相关文章