Css 如何在UL中居中导航栏？

尝试

显示：内联块；文本对齐：居中

和许多来自互联网的东西，但没有任何帮助

#nav{
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: #C9C9C9;
    border-bottom: 5px solid #ddd; 
    border-top: 1px solid #ccc; }
#nav li {
    list-style: none;
    float: left; }
#nav li a {
    display: block;
    padding: 5px 5px;
     font-size: 13px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ccc; }
#nav li a:hover {
    color: #fff;
    background-color: #000; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

HTML:

看起来是这样的：

---

。。。我不知道如何将其居中。

在UL上设置一个固定的宽度，然后根据需要调整其边距

margin: 0 auto;

这将对具有一定宽度的块元素的左侧和右侧应用相等的边距。

基本是：

注意如果

浮动，您将丢失：）

然后，如果您需要使用流体宽度将ul居中：在html中更高一步。

#导航{
保证金：0；
填充：0；
文本对齐：居中；
列表样式：无；
背景色：#C9C9C9；
边框底部：5px实心#ddd；
边框顶部：1px实心#ccc；
}
#李海军{
显示：内联块；
}
#李娜{
显示：块；
填充物：5px 5px；
字体大小：13px；
文字装饰：无；
颜色：#000；
右边框：1px实心#ccc；
}
#导航李a：悬停{
颜色：#fff；
背景色：#000；
-moz边界半径：3px；
-webkit边界半径：3px；
-khtml边界半径：3px；
边界半径：3px；
}

basic是：ul{margin:0；padding:0；列表样式类型：none；text align:center；}li{display:inline block；}，如果li浮动，则松开：）在

中直接允许的唯一元素是

！该死，这就是！将其作为答案发布，我将标记：）完成+问题1
margin: 0 auto;

ul {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}
li {
    display:inline-block;
}

nav {
    text-align:center;
}
nav ul {
    margin: 0;
    padding: 0;
    display:inline-block;
    list-style: none;
    background-color: #C9C9C9;
    border-bottom: 5px solid #ddd;
    border-top: 1px solid #ccc;
}
nav li {
    display:inline-block;
}
nav li a {
    display: block;
    padding: 5px 5px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ccc;
}
#nav li a:hover {
    color: #fff;
    background-color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}