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

-2

我的网站用于与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; 
}

是居中对齐当我加载网页，但不带导航的锚。

请帮帮我

谢谢。

来源

2011-05-27 IA.Design

为什么你的包装5000px宽？ – Shauna 2011-05-27 16:45:49

使用

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

Reference

来源

2011-05-27 08:51:25 diEcho

不，我想在水平中心，像这样http://dsebastien.delrue.free.fr/random/zabeth/ – 2011-05-27 08:57:05

然后使用：'文本对齐：中心'是不工作？ – diEcho 2011-05-27 08:58:11

不...我编辑代码以帮助您 – 2011-05-27 09:17:52

你能不能做同样的事情？......

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

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

来源

2011-05-27 09:05:07 Liam

是的，但包装的宽度不是960px，而是宽度为5000px。 – 2011-05-27 09:08:57

您的导航代码在哪里？ – Liam 2011-05-27 09:29:38

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

回答

相关问题