导航菜单栏无法集中对齐

时间:2013-09-11 13:43:05

标签: html css megamenu

我正在使用meganizr mega menu.ly它可以左对齐或右对齐。但是根据我的要求,我试图让它居中对齐。Here i made an online gist.

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

5 个答案:

答案 0 :(得分:1)

好的,所以我添加了<div class="wrap">并给它相同的样式,meganizer然后将meganizer的宽度更改为50%(您可以将其设置为您想要的任何内容)和同时也添加了margin:0 auto

演示:

http://dabblet.com/gist/6523922

编辑///

div.wrap包裹菜单。

答案 1 :(得分:1)

text-align: center;添加到.meganizr

答案 2 :(得分:0)

将以下代码添加到.meganizr

margin:0;
padding:0;

演示:http://dabblet.com/gist/6523863

答案 3 :(得分:0)

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

答案 4 :(得分:0)

如果您想将所有菜单设为中心,请将以下代码添加到.meganizr

text-align: center;

然后使用.meganizr > li

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

    border-right: 1px dotted #ccc;
}

演示:http://dabblet.com/gist/6524015