html - 导航菜单栏不能居中对齐

Question

我正在使用 meganizr 超级菜单。通常它可以左对齐或右对齐。但为了我的要求，我试图让它居中对齐。在这里，我做了一个在线要点。

在第 35 行，如果我删除 float:left 并将 text-align:center 赋予 ul 或 li，它将是垂直的。我试过左边：240px；它位于中心，但没有响应。我在这里尝试了其他问题的解决方案一整天。但无法同时居中对齐菜单和响应。有人可以帮我吗？

score 1 · Accepted Answer

好的，所以我添加了一个<div class="wrap">并给它相同的样式，meganizer然后将宽度更改meganizer为 50%（您可以将其设置为任何您想要的）并添加margin:0 auto到它。

演示：

编辑///

div.wrap环绕菜单。

score 1 · Accepted Answer

1

添加text-align: center;到.meganizr

于 2013-09-11T14:22:39.157 回答

score 0 · Accepted Answer

0

将以下代码添加到.meganizr

margin:0;
padding:0;

于 2013-09-11T13:46:39.767 回答

score 0 · Accepted Answer

0

您必须为.meganizer+提供不同的宽度（不是 100%） margin: 0 auto;。

于 2013-09-11T13:48:51.887 回答

score 0 · Accepted Answer

如果您想让所有菜单居中，请将以下代码添加到.meganizr

text-align: center;

然后用.meganizr > li类转换以下代码

.meganizr > li {
    position: relative;
    display: inline-block;
    height: 37px;

    border-right: 1px dotted #ccc;
}

5 回答 5