wordpress - 试图在 wordpress 骨架中将导航居中

Question

我正在使用 Skeleton 主题来创建响应式 wordpress 网站。我试图将顶部导航居中，但无济于事。

这是链接： http ://bit.ly/13e2tIX

这就是我正在尝试的：

#navigation ul li {
position: relative;
display: inline-block !important;
text-align:center;
width: 100%;
color:#666;
text-transform: uppercase;

}

但这将使所有导航项居中并堆叠。任何帮助将不胜感激。

Answer 1

尝试这个：

#navigation ul {
    text-align:center;
}
#navigation ul li {
display:inline;
list-style:none;
position: relative;
color:#666;
text-transform: uppercase;
}
#navigation ul li a {
    display:inline-block;
}

你可以在这里看到 jsfiddle：http: //jsfiddle.net/sb4NH/

Answer 2

这个答案对我不起作用，但确实如此：

.menu-header
{
   display:inline-block;
}

#navigation
{
   margin:0 auto;
   text-align:center;
}

仅在 chrome 检查器中进行了测试，但它似乎将 wp 骨架主题的导航菜单居中。