css导航怎么平均分布li

在网页设计中，导航菜单是很常见的元素。我们通常都会使用ul和li标签来创建一个导航菜单，但是如何让这些li元素在navbar中平均分布呢？ 一种简单的方法是使用CSS的flex属性。我们可以添加以下样式来使每个li元素平均分布在navbar中：

.navbar {
  display: flex;
  justify-content: space-between;
}

.navbar li {
  flex: 1;
  text-align: center;
}

在上面的代码中，我们将.navbar元素设置为flex布局，并使用justify-content属性将li元素分散对齐（space-between）。接着，我们将每个li元素的flex属性设置为1，这将使它们平均分布在navbar中。 此外，我们还可以为每个li元素设置文本居中，以使导航菜单更加美观。

.navbar li {
  flex: 1;
  text-align: center;
}

使用这些样式，我们就能够轻松地创建一个平均分布的导航菜单了。 总结一下，使用CSS的flex属性是导航菜单平均分布的一种简单而有效的方法。我们可以使用display: flex和justify-content: space-between将li元素分散对齐，然后使用flex: 1和text-align: center将每个li元素平均分布和居中对齐。