导航菜单不会与中心对齐

Question

我在修改菜单中心方面遇到了问题。

尝试设置nav和wrap-nav类到

margin 0 auto; width: 100%;

但仍然无法使其正常工作，所以为了我在下面链接的示例而将其还原。

我已经创建了一个jsfiddle页面来显示现在的菜单。 你可以看到它位于左侧，我想让它居中。

http://jsfiddle.net/x6vLep9g/

如果有人可以提供帮助，我们将不胜感激，谢谢。

Answer 1

我设法使用以下内容：

.menu ul {
    display:inline-block;
}

.menucentre {
    text-align:center;
}

Answer 2

<强> DEMO

做了两件事：

1）添加了“text-align：center;”到“.menu ul”

.menu ul {list-style: none;margin: 0;padding: 0; text-align: center; }

2）从“.menu ul li”＆amp;添加了显示内联块。

.menu  ul li {position: relative; display:inline-block; background-color: #333;padding: 6px 5px 0px 5px; margin: 17px;}

Answer 3

enter link description here像这样中心 将导航样式更改为： nav {margin:15px 0px;text-align: center;}

并将display:inline-block添加到.menu ul .menu ul {list-style: none;margin: 0;padding: 0;display:inline-block}

fiddle