Fatal编程技术网
  • css/
  • Css 无法在li中居中a

Css 无法在li中居中a

css

Css 无法在li中居中a,css,Css,我正在尝试将导航菜单中的li中的a居中。它不起作用。以下是我的相关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

我正在尝试将导航菜单中的
li
中的
a
居中。它不起作用。以下是我的相关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，请参见

中的nag栏。您至少有两个选项

第一个选项，像这样设置
a
的宽度

#access a {
   width: 60%;
}
第二个选项是，您可以重新编写代码，并在父级上设置
文本对齐：居中，即
li
，并使
成为一个
内联块，以便它按照
li
的顺序居中对齐


#access li {
   text-align: center;
}

#access a {
   display: inline-block;
}



您需要显式地调整元素的大小，以使该技巧发挥作用


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



他声明，问题是
立场：绝对或者他只需要
文本对齐：居中并且别忘了为屏幕设置宽度