将 UL 置于父级的中心并忽略其他浮动 UL

Center UL in parent and ignore other floating ULs

我有一个问题:

我正在使用 Bootstrap.

构建一个 wordpress 网站

我有一个带有 3 个菜单的导航栏:左、中和右。

每个 UL 都被 div 包围,例如 navbar-menu-leftnavbar-menu-right。 左右div向左或向右浮动

现在我想在中间或 navbar 中设置中间菜单。如果我用 navbar-header div 中的 text-align: center 居中,它会居中,但如果没有右侧菜单,它会居中在左侧菜单和 navbar 的右侧之间。我怎样才能在父级 div 中而不是在浮动 div 之间使中间菜单居中?

边距不起作用,navbar-menu-middle 显示为 display: inline block。如果我删除 display: inline-block 它就在右边的菜单旁边。菜单的顺序是:

leftrightmiddle

图片说明了我的意思:
一切都很好(菜单的宽度几乎相同):

但现在:(没有右侧菜单,某些页面可能不需要):

问题是,我不知道 uls..

的宽度

希望有人能帮助我!

一个技巧是将所有三个菜单容器的宽度设为 33%。并分别将 text-align:lefttext-align:centertext-align:right 设置为容器 Left、Middle 和 Right。