無法將某個中心設置爲中心

Question

我試圖在導航菜單中將a置於li內。 IT不工作。這裏是我的相關CSS：

#access ul li ul { 
    position: absolute; 
    background-color: #fff; 
    border-top: 4px solid #2980b9; 
    top: 55px; 
    left: 0px; 
    width: 190px; 

} 

#access li:hover 
{ 
background: #2980b9;  
} 

#access a { 
display: block; 
     margin-left: auto; 
margin-right: auto; 
} 

對此有什麼想法？

對於HTML看到http://phasetransfercatalysis.com

Answer 1

您需要明確設置該元素的大小才能使用該技巧。

a{ 
    dispaly:block; 
    margin-left:auto; 
    margin-right:auto; 
    width:40px; 
} 

http://jsfiddle.net/Zyw6y/2/

Answer 2

嘮叨吧，您至少有兩種選擇。

第一種選擇，寬度設爲您的a像這樣

#access a { 
    width: 60%; 
} 

---

第二個選項，您可以返工你的代碼，並在其上的li父設置text-align: center，使a inline-以使其遵循來自li的訂單以中心對齊。

#access li { 
    text-align: center; 
} 

#access a { 
    display: inline-block; 
}