因此,我有以下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;
}

10-05 20:39
查看更多