如何居中導航欄？

這個網站使用的是我認爲有一箇中心導航欄的主題，事實證明它沒有。如何居中導航欄？

http://richdales.com/

我可以覆蓋/更改任何必要的CSS，但我不知道要尋找什麼。

任何建議都會有所幫助。謝謝！

你

來源

2014-03-31 Rashad Nasir

你已經試過了什麼？導航按原樣使用float：left;水平對齊鏈接。將其更改爲顯示：inline-block;代替。這將使它們保持水平對齊，但它會以可以添加文本對齊的方式進行：center;以UL元素爲中心。 – Michael

CSS：

nav#main-nav.full .shell > ul{ 
    text-align: center; 
} 

nav#main-nav.full .shell > ul > li{ 
    position: relative; 
    display: inline-block; 
}

而對於NAV＃主nav.full .shell> ul>裏，去除浮動：左;它會工作:)。

來源

2014-03-31 13:00:05 Hoshibe

設置導航＃主nav.full .shell>微升至

display:inline-block; width:100%; text-align:center;

刪除浮動：從NAV＃主nav.full .shell> ul>李並將它們留給

display:inline;

從NAV＃主nav.full .shell> UL>裏塊>一個

這樣的立項目將坐inline和如預期爲中心：

最後除去顯示。

來源

2014-03-31 13:00:47 Taintedmedialtd

如何居中導航欄？

回答

相關問題