2013-06-20 259 views
0

我想在CSS中創建垂直導航欄。這是我在我的母版頁中的代碼:CSS垂直導航欄

這是我在我的CSS文件中的代碼:

這是菜單的外觀:

enter image description here

,你可以看,導航欄並不是從列的頂部開始的。此外,似乎邊緣不是單獨包圍每個按鈕,而是一次覆蓋所有按鈕的區域。

我該如何製作清單:

1)從頂部開始? 2)帶有每個按鈕周圍的邊距,而不是一次覆蓋所有按鈕的區域?

謝謝。

+0

你有JSFiddle鏈接嗎? –

+0

不,我正在使用普通的CSS。 – Matthew

回答

1

添加vertical-align:top#nav2

編輯:

適用vertical-align:toptd

td{ 
    vertical-align:top; 
} 
+0

我試過了,但仍然在垂直方向顯示在列的中心:s在此期間,我通過將邊框從nav2移動到nav2 li a – Matthew

+1

哦解決了我與邊界有關的問題。對不起。我的錯誤..見上面編輯的答案 –

+0

謝謝:)))它工作完美:) – Matthew

0

如果我理解正確的話,嘗試在#NAV2裏設置顯示:inline-block的;