因此,我有以下CSS可以使用以下方式显示水平导航栏:
.navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.navigation li {
float: left;
margin: 0 1.15em;
/* margin: 0 auto;*/
}
.navigation {
/* width: auto;*/
/* margin: 0 auto;*/
text-align: center;
}
我的问题是:如何将导航栏居中对齐?
最佳答案
给您的.navigation ul一个宽度,并使用margin:0 auto;
.navigation ul
{
list-style: none;
padding: 0;
width: 400px;
margin: 0 auto;
}