【问题标题】:CSS Vertical Navigation BarCSS 垂直导航栏
【发布时间】:2013-06-20 07:54:51
【问题描述】:

我正在尝试在 CSS 中创建一个垂直导航栏。这是我的母版页中的代码:

这是我的 CSS 文件中的代码:

这是菜单的外观:

如您所见,导航栏并非完全从列的顶部开始。此外,边距似乎不是单独包围每个按钮,而是所有按钮一次覆盖的区域。

我怎样才能列出清单:

1) 完全从顶部开始? 2)每个按钮周围的边距而不是所有按钮一次覆盖的区域?

谢谢。

【问题讨论】:

  • 你有 JSFiddle 链接吗?
  • 不,我使用的是普通 CSS。

标签: css list button hyperlink navigationbar


【解决方案1】:

vertical-align:top 添加到#nav2

已编辑:

申请vertical-align:toptd

td{
   vertical-align:top;
}

【讨论】:

  • 我试过了,但它们仍然垂直显示在列的中心:s 同时,我通过将边框从 nav2 移动到 nav2 li a
  • 我会 :) 再次感谢 :)
  • 谢谢 :) 祝你编码愉快 :)
【解决方案2】:

如果我理解正确,请尝试在#nav2 li 中设置 display: inline-block;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-04
    • 1970-01-01
    • 1970-01-01
    • 2012-08-16
    • 2018-03-24
    • 1970-01-01
    相关资源
    最近更新 更多