無法居中我的導航欄

我的導航欄有以下代碼，無法將其集中在網站上。我究竟做錯了什麼？去除浮動：左邊沒有任何定位。謝謝。無法居中我的導航欄

CSS

ul#list-nav { 
    list-style: none; 
    margin: 20px auto; 
    padding: 0px; 
    width: 800px; 
} 

ul#list-nav li { 
    display: inline; 
} 

ul#list-nav li a { 
    text-decoration: none; 
    padding: 5px 0; 
    width: 100px; 
    float: left; 
    background: #485e49; 
    color: #eee; 
    text-align: center; 
    border-left: 1px solid #fff; 
} 

ul#list-nav li a:hover { 
    background: #a2b3a1; 
    color: #000 
}

HTML

</head> 
<body> 
    <div id="as"> 
     <ul id="list-nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">About Us</a></li> 
     </ul> 
    </div> 
</body>

來源

2012-11-18 user1831677

請考慮提供[小提琴]（http://jsfiddle.net）。 – Sampson

它已經集中，它只是你正在使用顯式寬度您菜單，以便考慮降低菜單的寬度

Demo

CSS

ul#list-nav { 
    list-style:none; 
    margin:20px auto; 
    padding:0px; 
    width:800px; 
    border: 1px solid #ff0000; 
    overflow: hidden; 
}

目前我做了它205px

CSS

ul#list-nav { 
    list-style:none; 
    margin:20px auto; 
    padding:0px; 
    width:205px; 
    border: 1px solid #ff0000; 
    overflow: hidden; 
}

Fixed demo

來源

2012-11-18 06:40:22

謝謝你是對的。現在它工作正常。 – user1831677

@ user1831677歡迎您:) –

您將需要添加顯示：塊;

來源

2012-11-18 06:34:16

你需要用你的導航欄在一個包裝DIV，然後該分區的邊距設置爲自動，像這樣：

<style> 
#wrapper { 
margin: auto; 
} 
</style> 

<div id="wrapper"> 

<!-- (your nav bar code here) --> 

</div>

來源

2012-11-18 06:36:13 scotts7777

我相信下面的應該做的伎倆;

<格ID = "作爲" ALIGN = "中心" >

來源

2012-11-18 06:53:09 dinukadev

無法居中我的導航欄

回答

相關問題