在网页设计中，导航
菜单是很常见的元素。我们通常都会使用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元素平均分布和居中对齐。
