如何中心ul

我试图在空间中水平居中获得ul，但无论我尝试什么，它仍然左对齐。如何中心ul

<nav> 
    <div id="home"> 
    <ul id="topnav"> 
     <li class="home"><a href="#">home</a></li> 
     <li class="products"><a href="#">products</a></li> 
     <li class="support"><a href="#">support</a></li> 
     <li class="wtb"><a href="#">where to buy</a></li> 
     <li class="webstore"><a href="#" target="_blank">web store</a></li> 
     <li class="contact"><a href="#">contact us</a></li> 
     <li class="facebook"><a href="#" target="_blank" 
      title="Hauppauge Computer Works">facebook</a></li> 
    </ul> 
    </div> 
</nav>

CSS： CSS file here

来源

2012-08-16 Kim

您的导航是不是一个固定的宽度（它是100％），居中的东西保证金：0汽车它的容器必须有一个固定的宽度 – Andy 2012-08-16 14:53:03

CSS依赖在HTML标记上，我们没有。另外，在发布代码时，请记住：[SSCCE]（http://sscce.org/）。请将测试用例减少到最低限度，以便再现您的问题，然后发布*该代码（此处）。而且[现场演示]（http://jsfiddle.net/）可以获得很好的帮助。 – 2012-08-16 14:53:35

谢谢！固定的宽度固定它。 – Kim 2012-08-16 15:09:32

ul#topnav { 
    padding: 0px; 
    list-style: none; 
    margin-right: auto; 
    margin-left: auto; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    position: relative; 
    left: auto; 
     width: 123px; 
}

来源

2012-08-16 14:55:29 Chandrakant

谢谢！固定的宽度固定它。 – Kim 2012-08-16 15:09:02

如何中心ul

回答

相关问题