如何在框内居中水平菜单(div)

时间:2012-05-11 16:20:00

标签: css css3

请你看一下下面的例子,让我知道如何将.menuBox div内部集中。如你所见,我已经使用了保证金:0 auto; .menuBox div内的属性,但我不知道为什么它不起作用?! 示例:http://jsfiddle.net/Behseini/hBDv9/30/

请告诉我如何强制ul和li元素在父框中自动居中? 感谢您的时间和意见

2 个答案:

答案 0 :(得分:1)

元素浮动到左侧,这就是它们不居中的原因。

自动保证金工作正常(它将页面上的整个红色div居中)。

解决方案可能是margin: auto而不是float: left

答案 1 :(得分:1)

尝试在LI上使用display:inline-block,在你的UL上使用text-align:center。

jsfiddle:http://jsfiddle.net/hBDv9/33/