我在尝试布置特定的导航菜单时遇到了重大的心理障碍。我所拥有的是页面顶部的菜单栏。栏上有较小的链接,这些链接是文本链接,每个链接旁边都有一个图像。问题是页面中间有一个较大的徽标,用作主页的链接。所以导航布局看起来像这样:
- - - # - - -
我遇到的问题是徽标不是完全对称的,这意味着vertical-align: middle
会使较小的链接低于应有的位置。把它放在一起的最佳方法是什么?我需要能够独立于徽标调整小链接的垂直位置。
就html而言,我的导航只是一个简单的内联<ul>
。每个<li>
都有一个类,徽标<li>
分配了一个唯一的类。