Html 如何集中导航栏

如何集中导航栏？ 我尝试过一些事情，比如

，但是，我不知道我做错了什么

CSS:

HTML:

请原谅导航按钮的标题，我正在制作一个专门介绍我和我所说所做的精彩事情的网站

---

下面是一个JSFIDLE:

您可以在CSS中添加以下内容：

.NavBar {
    list-style-type: none;
    /* margin: 0; */
    margin-left:auto;
    margin-right:auto;
    padding: 0;
    overflow: hidden;
}

这将使您的箱子居中，前提是它具有固定的宽度；您可能还需要明确指定导航栏的宽度

---

希望这有帮助

您可以在CSS中添加以下内容：

.NavBar {
    list-style-type: none;
    /* margin: 0; */
    margin-left:auto;
    margin-right:auto;
    padding: 0;
    overflow: hidden;
}

这将使您的箱子居中，前提是它具有固定的宽度；您可能还需要明确指定导航栏的宽度

---

希望这有帮助

您必须添加

边距：0自动并定义元素的宽度

.NavBar {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width:500px;
}

这里是fiddle:
您必须添加
边距：0自动并定义元素的宽度

.NavBar {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width:500px;
}

这里是fiddle:
更新
.NavBar
CSS规则

.NavBar {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width:90%;
 }

您可以使用除100%以外的任何宽度
更新
.NavBar
CSS规则

.NavBar {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width:90%;
 }

您可以使用任何宽度，但100%
使用
显示：内联块
用于
。NavItem

对于
.NavBar
-
文本对齐：居中


.NavBar{
列表样式类型：无；
保证金：0；
填充：0；
字号：0；
文本对齐：居中；
}
纳维滕先生{
显示：内联块；
垂直对齐：顶部；
字体大小：15px；
}
a:链接，a:已访问{
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#080808；
文本对齐：居中；
填充：4px；
文字装饰：无；
文本转换：大写；
文本
}
a:悬停，a:活动{
背景色：#7A991A；
}
正文{背景色：#d0d0；}





使用
显示：内联块
用于
.NavItem

对于
.NavBar
-
文本对齐：居中


.NavBar{
列表样式类型：无；
保证金：0；
填充：0；
字号：0；
文本对齐：居中；
}
纳维滕先生{
显示：内联块；
垂直对齐：顶部；
字体大小：15px；
}
a:链接，a:已访问{
显示：块；
宽度：120px；
字体大小：粗体；
颜色：#FFFFFF；
背景色：#080808；
文本对齐：居中；
填充：4px；
文字装饰：无；
文本转换：大写；
文本
}
a:悬停，a:活动{
背景色：#7A991A；
}
正文{背景色：#d0d0；}





中心标签已过时中心标签已过时