如何在水平导航中对齐中心部分？

Question

我的网站用于水平导航，其中960px是 用锚点（例如幻灯片放映）调用，我想对齐 我的部分有中心，取决于窗口的大小。

这段代码：

 <div id="wrapper">
    <div class="section" id="section1">test</div>
    <div class="section" id="section2">test2</div>
    <div class="section" id="section3">test3</div>
    <div class="section" id="section4">test4</div>
  </div>

#wrapper{
  position:absolute;
  left: 10%;
  width: 5000px;
}

.section{
  width: 960px;
  height: 576px;
  float: left;
}

加载页面时是对齐中心，而不是导航锚点。

请帮帮我

感谢。

Answer 1

你能不能做类似的事情吗？...

.wrapper {width:960px;}
ul#nav {width:auto; margin:0 auto;}

<div class="wrapper">
    <ul id="nav">
        Nav links
    </ul>
</div>

Answer 2

使用

 display : table-cell;
 vertical-align : middle;

<强> Reference