在父级中心UL并忽略其他浮动UL

Question

我遇到了问题：

我正在使用Bootstrap构建一个wordpress网站。

我有一个包含3个菜单的导航栏：左，中，右。

每个UL都被div navbar-menu-left或navbar-menu-right所包围。 左右div向左或向右浮动。

现在我想让中间菜单位于中间或navbar。如果我将text-align: center中的navbar-header div作为中心，它会居中，但如果没有右侧菜单，则会在左侧菜单和{{{}的右侧居中1}}。如何将父级navbar中的中间菜单置于中间位置，而不是浮动div之间？

保证金不起作用，div与navbar-menu-middle一起显示。如果我删除了display: inline block，它就在右侧菜单旁边。菜单的顺序是：

display: inline-block，left，right

图像显示了我的意思：
一切都很好（菜单的宽度几乎相同）：

但是现在:(右边的菜单不在某些页面上可能不需要）：

问题是，我不知道middle的宽度..

希望有人可以帮助我！

Answer 1

一个技巧是让所有三个菜单容器的宽度为33％。并将text-align:left，text-align:center和text-align:right分别设置为容器Left，Middle和Right。