如何中心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

回答

相關問題