将 UL 置于父级的中心并忽略其他浮动 UL
Center UL in parent and ignore other floating ULs
我有一个问题:
我正在使用 Bootstrap.
构建一个 wordpress 网站
我有一个带有 3 个菜单的导航栏:左、中和右。
每个 UL 都被 div
包围,例如 navbar-menu-left
或 navbar-menu-right
。
左右div
向左或向右浮动
现在我想在中间或 navbar
中设置中间菜单。如果我用 navbar-header div
中的 text-align: center
居中,它会居中,但如果没有右侧菜单,它会居中在左侧菜单和 navbar
的右侧之间。我怎样才能在父级 div
中而不是在浮动 div
之间使中间菜单居中?
边距不起作用,navbar-menu-middle
显示为 display: inline block
。如果我删除 display: inline-block
它就在右边的菜单旁边。菜单的顺序是:
left
、right
、middle
图片说明了我的意思:
一切都很好(菜单的宽度几乎相同):
但现在:(没有右侧菜单,某些页面可能不需要):
问题是,我不知道 ul
s..
的宽度
希望有人能帮助我!
一个技巧是将所有三个菜单容器的宽度设为 33%。并分别将 text-align:left
、text-align:center
和 text-align:right
设置为容器 Left、Middle 和 Right。
我有一个问题:
我正在使用 Bootstrap.
构建一个 wordpress 网站我有一个带有 3 个菜单的导航栏:左、中和右。
每个 UL 都被 div
包围,例如 navbar-menu-left
或 navbar-menu-right
。
左右div
向左或向右浮动
现在我想在中间或 navbar
中设置中间菜单。如果我用 navbar-header div
中的 text-align: center
居中,它会居中,但如果没有右侧菜单,它会居中在左侧菜单和 navbar
的右侧之间。我怎样才能在父级 div
中而不是在浮动 div
之间使中间菜单居中?
边距不起作用,navbar-menu-middle
显示为 display: inline block
。如果我删除 display: inline-block
它就在右边的菜单旁边。菜单的顺序是:
left
、right
、middle
图片说明了我的意思:
一切都很好(菜单的宽度几乎相同):
但现在:(没有右侧菜单,某些页面可能不需要):
问题是,我不知道 ul
s..
希望有人能帮助我!
一个技巧是将所有三个菜单容器的宽度设为 33%。并分别将 text-align:left
、text-align:center
和 text-align:right
设置为容器 Left、Middle 和 Right。