Html 为什么赢了'；我的导航栏中心怎么了？

因此，我已经将导航栏设置得非常接近我希望的外观，但由于某些原因，它不会进入页面的中心。我试着将文本对齐：居中；在组成导航条的大多数不同元素上，但无论我做什么，导航条都不会运行。我做错了什么

.navbar{
保证金：0；
填充：0；
文本对齐：居中；
边框底部：实心#000；
边框宽度：1.5px0；
列表样式：无；
高度：25px；
宽度：1000px；
}
纳瓦尔先生{
文字装饰：无；
填充：0；
利润率：10px；
边框底部：10px；
颜色：#000；
文本对齐：居中；
}
李{
显示：内联块；
字体系列：“Muli”，无衬线；
字号：19px；
保证金：0；
填充：0；
文本对齐：居中；
}

Brian Funderburke摄影与娱乐公司；设计

我通常通过以下三个步骤解决此问题：

向导航栏容器中添加全宽或大宽（.nav div）

向导航栏添加宽度（通常尝试找到适合大多数元素的宽度）

将

margin:0 auto

添加到导航栏（这将使.navbar div居中对齐）

---

是我创建的一个JSFIDLE。希望能有所帮助。

从我的判断，您的代码似乎已经开始工作了（尽管您的示例中缺少了一个结束语）。确保正确导入和应用了CSS

---

下面是一个工作示例来证明它看起来不错：

将

.banner

宽度设置为100%，然后将

.nav

设置为居中：

.banner{width: 100%;}
.nav{text-align: center;}

见小提琴：

我补充道

.nav {
    display: flex;
    justify-content: center;
}

这是我从一篇精彩的文章中得到的

导航栏中心

.navbar{
保证金：0；
填充：0；
文本对齐：居中；
边框底部：实心#000；
边框宽度：1.5px0；
列表样式：无；
高度：25px；
宽度：1000px；
}
纳瓦尔先生{
文字装饰：无；
填充：0；
利润率：10px；
边框底部：10px；
颜色：#000；
文本对齐：居中；
}
李{
显示：内联块；
字体系列：“Muli”，无衬线；
字号：19px；
保证金：0；
填充：0；
文本对齐：居中；
}
/*居中*/
.导航1{
显示：-webkit flex；
显示器：flex；
-webkit内容：中心；
证明内容：中心；
-webkit对齐项目：居中；
对齐项目：居中；
宽度：100%；
高度：自动；
文本对齐：居中；
}
.navbar1{
-webkit-align-self:center；
自对准：居中；
}
李娜：停下来{
颜色：红色；
光标：指针；
}
/*| |中心*/

Brian Funderburke摄影与娱乐公司；设计

您正在使用哪个浏览器？并将文本对齐：居中；仅在“.navbar”上，其他元素从“.navbar”中获取它。如果我使用您的代码，我看不到您的问题。导航是居中的。你能提供你网站的网址吗？太好了。我很高兴这对你有帮助；）我已经多次面对这个问题，我一直都是这样做的。但这可能是一个更好的方法，所以继续学习吧！：）