中心導航欄元素

Question

<div id="wrapper" class="hfeed"> 
<div id="access"> 
    <div id="menu"> 
    <ul> 
     <li class="page_item page-item-2"><a title="About" href="/?page_id=2">About</a></li> 

     <li class="page_item page-item-20"><a title="Support" href="/?page_id=20">Support</a></li> 

     <li class="page_item page-item-22"><a title="Links" href="/?page_id=22">Links</a></li> 

     <li class="page_item page-item-47"><a title="About" href="/?page_id=47">About</a></li> 
    </ul> 
    </div> 
</div><!-- #access --> 
</div> 

我現在的CSS：

div#menu { 
background:#000; 
height:1.5em; 
margin:1em 0; 
} 

div#menu ul,div#menu ul ul { 
line-height:1; 
list-style:none; 
margin:0; 
padding:0; 
} 

div#menu ul a { 
display:block; 
margin-right:1em; 
padding:0.2em 0.5em; 
text-decoration:none; 
} 

div#menu ul ul ul a { 
font-style:italic; 
} 

div#menu ul li ul { 
left:-999em; 
position:absolute; 
} 

div#menu ul li:hover ul { 
left:auto; 
} 

是我的菜單但是我不知道如何居中在頁面的中間。

Answer 1

嘗試使用這個CSS屬性：text-align和vertical-align
http://www.w3schools.com/css/pr_pos_vertical-align.asp
http://www.w3schools.com/CSS/pr_text_text-align.asp
我不肯定的是你的HTML是登錄頁面或不那麼我不能編輯CSS你，嘗試，如果做自己可能。

Answer 2

如果要居中它在x格，你會使用自動利潤率的簡單方法：

1. 設置你的身體，使其對齊文本中心：
   body{text-align:center;}

2. 使用自動保證金左右設置容器，並將所有文本向左對齊：
   #wrapper{margin:0 auto;text-align:left;}

在垂直方面這是一個有點棘手按照這篇文章：
http://phrogz.net/css/vertical-align/index.html

Answer 3

像什麼hitautodestruct說有兩種方式，但你需要描述你想要什麼。

是否希望整個導航塊中心對齊？

div#menu { 
    width:500px; 
    margin: 0px auto; 
} 

你想要的naviagtion中的內容爲中心：
如果是這樣，你可以做到這一點在CSS（什麼都你neeed它是改變寬度）？
如果是這樣，然後添加到您的CSS：

ul { 
    text-align:center; 
} 

如果這些都不是你在找什麼，然後你能更詳細請說明！歡呼聲