2013-06-20 257 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的;