html - 垂直对齐导航

Question

我有一个导航栏，我想完全垂直对齐（滚动时也是如此）。

我从另一个线程中知道您可以垂直对齐：

#container
{
    position: absolute;
    top: 50%;
    height: 400px;
    margin: -200px 0;
}

但是如何垂直对齐导航栏，这样我就不必硬链接大小？

谷歌大多有旧的技术和硬链接。如果我错过了包含此主题的链接，请提醒我！

问候

Answer 1

使用表格标签来完成这个任务，你可以用它更好地构建你的导航。喜欢：

<table id="tblMain" width="80%">
<tr><td colspan="2">Your Header </td></tr>
<tr><td width="30%">
<table id="tblNavigation">
  <tr><td><a href="#">Navigation Link 1</a> </td></tr>
  <tr><td><a href="#">Navigation Link 2 </a></td></tr>
  <tr><td><a href="#">Navigation Link 3</a> </td></tr>
</table>
</td>
<td width="70%"><div id="mainDiv"></div>
</td>
<td colspan="2">Your footer </td>
</tr>
<table>