Html 如何使用css将导航栏居中？

您好，我在为客户制作的草稿上无法将nav居中

这里是链接

---

请帮助，谢谢。

我不是专业人士，仍在学习编码，并找到了解决问题的方法

我所做的是对.menu包装器留下的浮动进行注释

#顶栏.菜单#{
/*浮动：左；
z指数：201*/
}

然后定义650px宽度，并将左右边距设置为自动

.header-stack#顶部_-bar.菜单_-wrapper{
明确：两者皆有；
保证金：0自动；
宽度：650px；
}

为

菜单\u包装设置
宽度

#顶栏.菜单#{
z指数：201；
宽度：650px；
保证金：自动；
}

删除

浮动

，设置固定的

宽度

并设置

边距：自动

对于

li

#顶栏.菜单>li{
保证金：0；
z指数：203；
显示：块；
显示：内联块；
}

以及：

#顶栏.菜单#{
浮动：左；
z指数：201；
宽度：100%；
文本对齐：居中；
}

为父级设置

100%宽度

，并使用

文本对齐：居中

谢谢您的帮助

在浏览器上进行编辑确实有效，但由于某种原因，当我在主题样式表中放置css代码时。没有任何效果，我尝试了两种解决方案

有什么问题吗？我已经做了至少7天了

---

我实际上有一个解决方案，就是使用一个菜单插件，但这将是我最后的选择

为了解决这个问题，我使用了一个菜单插件，但问题是它删除了向下滚动时的粘性效果。