css - 不能在 div 中居中 ul。尝试了很多东西

Question

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

但是，里面的 UL 标签始终保持在左侧。它应该居中。

我尝试了很多东西，比如制作辅助 div 并给出它margin: 0 auto，给出
UL margin: 0 auto，制作left %30andright %30等float: center。

我错过了什么吗？我无法将其定位到中心的原因是什么？

Answer 1

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

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

Answer 2

我很幸运以这些样式为中心的 UL：

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

一般来说，我必须避开 display:inline-block，因为我们仍在为不承认“inline-block”的旧 IE 浏览器开发。

Answer 3

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

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

Answer 4

在 '#navlist' 上将 text-align: left 更改为 text-align: center

在 '#navlist ul' 添加属性 display: inline-block;

Answer 5

使该 div 具有一些固定宽度和浮动。左还是右。然后在里面..制作UL并具有margin：0 auto的属性；

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

ul {
    margin:0 auto;
}