如何在CSS中水平導航欄？

Question

我的導航欄垂直對齊，我無法以水平方式對齊。謝謝

.navbar .navbar-nav { 
    display: inline-block; 
    float: none; 
    vertical-align: top; 
    list-style-type: none; 
} 

.navbar .navbar-collapse { 
    text-align: center; 
} 

Answer 1

很難直觀地看到垂直和水平對齊的導航欄。但是，如果這些元素彼此旁邊，你必須讓他們既

display: inline-block; 

而且給他們倆的寬度，即width: 50%;

如果一個高於另外一個，那麼你可以使用這兩個文本對齊。

你有screencap或jsfiddle嗎？然後我可以幫助你更多。