如何使用特定于站点的CSS将导航栏和徽标居中

我一直在努力解决这个问题。这似乎是一个快速修复使用CSS，但我似乎找不到适当的CSS规则来进行更改。我想将此网站的导航栏和标题图像居中

简短的回答是，您有两个主要选项：

定义要居中项目的

宽度

或

最大宽度

，并添加

边距：自动

指定要居中的项目

显示：内联块及其父容器
文本对齐：居中

在这两种情况下，您试图居中的项上不应有任何浮动，它们将相对于父项的宽度居中显示

在您的特定页面中，

.navbar header{text align:center；float:none；}

和

#logo{display:inline block；}

应该处理徽标，

#主菜单{display:inline block；float:none；}

和

.navbar-ex1-collapse{text align:center；}

应该完成您想要的功能（也别忘了从你的媒体查询中取出浮动）

---

如果您想在响应页面中使用另一种方法，您很可能需要设置一个

最大宽度

，即百分比，然后

边距：自动；

从

导航栏标题和
中移除浮动。主导航
添加
文本对齐：居中
标题将居中，但导航需要重新设置r规则，从
主菜单li
中删除
浮动：左
，并使其显示
内联块
现在
文本对齐：居中
将生效，因此导航也将居中

由于您没有提供小提琴，我无法发布代码示例，但它的实现非常简单。
我能够修复徽标。但我仍然不知道如何将导航栏移动到与徽标相同的中心位置。当我查找.main menu li标记时，我似乎找不到它。我找到了.menu main，这就是您想要的吗意思是？对于延迟响应，li标记只是
主菜单的子项。您发现需要在那里添加样式。