我正在使用meganizr mega menu.ly它可以左对齐或右对齐。但是根据我的要求,我试图让它居中对齐。Here i made an online gist.
在第35行,如果我删除float:left并将text-align:center赋予ul或li,它将是垂直的。我试过左:240px;它位于中心,但没有响应。我在这里尝试了一整天其他问题的解决方案。但是不能同时对齐菜单和响应。任何人都可以帮助我吗?
答案 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)
答案 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;
}