无法将某个中心设置为中心

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; 
}