如何使用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天了。

我實際上有一個解決方案是使用菜單插件，但這將是我的最後一個選擇。