Question

我正在尝试将a置于导航菜单中的li内。它不起作用。这是我的相关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，如此

#access a {
   width: 60%;
}

第二个选项，您可以修改代码并在text-align: center的父级上设置li，并使a内联块以便它遵循来自{{的命令1}}对齐居中。

li

Answer 2

您需要明确调整元素的大小才能使该技巧发挥作用。

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

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

无法将a集中在一个li中

2 个答案: