Question

我在包装器div中有一个ul菜单。每个li元素都有float：left（这是一个水平菜单）。我想把菜单放在我的页面容器中（大约1100px），但我不知道菜单的大小是什么，所以我不能使用“margin：0 auto”。

我尝试了很多不同的东西，但我无法让它发挥作用。

这是wordpress中的菜单，因此ul和包装div的标记由wordpress生成。我宁愿不要搞砸......

Answer 1

您可以定义容器display:inline-block并通过设置属性text-align:center将文本与容器的中心对齐，如下所示：

<强> CSS

.nav > li {
    display:inline-block;
    *display:inline; /* ie7 fix */
    zoom:1; /* hasLayout ie7 trigger */
}

.nav {
    text-align:center;
}

Answer 2

最好能为此使用display:inline-block属性。像这样：

body{
    text-align:center;
}
.parent{
    text-align:left;
    background:red;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
}

选中此http://jsfiddle.net/pJs6e/2/

Answer 3

Application_BeginRequest

https://jsbin.com/miteliwafu/edit?html,output

如何居中对齐包含没有固定宽度的浮动的div

3 个答案: