无法将div置于div中心。尝试过很多东西

Question

顶部的导航栏包含width: 100% height: 50px，并固定在顶部。

然而，内部的UL标签始终将自身定位在左侧。它应该居中。

我尝试了很多东西，比如制作一个二级div并给它margin: 0 auto，给予了 UL margin: 0 auto，制作left %30和right %30，float: center等。

我错过了什么吗？我不能把它放在中心的原因是什么？

Answer 1

你需要一个包装ul的div并将其边距设置为“0px auto”，就像你尝试使用ul一样。

<div style="width:600px; margin:0px auto;">
     <ul>...</ul>
</div>

Answer 2

On＆＃39; #navlist＆＃39;将text-align：left更改为text-align：center

On＆＃39; #navlist ul＆＃39;添加属性display：inline-block;

Answer 3

您需要设置导航栏的宽度和宽度，以便它可以居中。

#menu-main-nav {
    width: 990px;
}

Answer 4

使用固定宽度和浮动来制作该div。左还是右。 在里面..制作UL并具有保证金的属性：0 auto;

div {
    width:200px;
    height:auto;
    float:left;
}

ul {
    margin:0 auto;
}

Answer 5

我有幸以这些风格为中心的UL：

<style>
#container {text-align:center;}
#container ul {display:inline;}
#container ul li {display:inline;list-style-type:none;}
</style>

一般来说，我必须避开显示：inline-block，因为我们仍然为那些不承认'inline-block'的旧IE浏览器开发。