如何使用CSS集中导航栏？

Question

嗨，即时通讯，在这个草案即时通讯客户端中心导航的问题。

这里是链接http://cjdrafts.info/germanserviceshop/

请帮助表示感谢。

Answer 1

我不是专业人员，仍在学习编码，并找到了解决问题的方法。

我所做的是评论浮动离开。菜单，包装

#Top_bar .menu_wrapper { 
    /* float: left; 
    z-index: 201;*/ 
} 

然后确定650像素宽度和左，右页边距设置为自动

.header-stack #Top_bar .menu_wrapper { 
    clear: both; 
    margin: 0 auto; 
    width: 650px; 
} 

Answer 2

1. 设置width为menu_wrapper

#Top_bar .menu_wrapper { 
    z-index: 201; 
    width: 650px; 
    margin: auto; 
} 

删除float，设置固定width并设置margin: auto。

使用display: inline-block代替float为li

#Top_bar .menu > li { 
    margin: 0; 
    z-index: 203; 
    display: block; 
    display: inline-block; 
} 

和：

#Top_bar .menu_wrapper { 
    float: left; 
    z-index: 201; 
    width: 100%; 
    text-align: center; 
} 

设置100% width为母体，并使用text-align: center。

Answer 3

感谢您的帮助。

在浏览器上进行编辑时，它确实工作，但由于某些原因，当我将CSS代码放入主题样式表中时。没有什么工作，我尝试了两种解决方案

什么似乎是问题？我已经在这至少7天了。

我实际上有一个解决方案是使用菜单插件，但这将是我的最后一个选择。