在Div中居中文本(Wordpress菜单)

时间:2014-08-24 16:58:48

标签: css wordpress menu centering

我在Wordpress主题中以菜单项为中心时遇到了一些麻烦。您可以在此处查看该网站:http://tinyurl.com/k2aq3sh

我试过保证金:自动但没有骰子。这是当前的CSS:

#primary-menu-container {
 margin-bottom:-27px;
  margin-top:-10px;
  text-align: left;
  float: left;
  max-width:1020px;

}

任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:1)

如果您的意思是将整个菜单置于导航栏中心,请按以下步骤操作:

#primary-menu {
list-style: none;
display: flex;
justify-content: center;
}

答案 1 :(得分:0)

这样做的一种方法是删除#primary-menu-container div和列表项的浮动。而是将display:inline-block添加到列表项中,然后从那里添加text-align:center到ul元素

#primary-menu-container {
    ...
    float:none
}

#primary-menu{
    ...
    text-align:center;
}

#primary-menu li, .default-menu li {
    ...
    float:none;
    display:inline-block;
}