Html 一行中具有可变宽度的等距div

我有一个未知数量的div（有时3，有时6），它们的宽度是可变的

ul，
李{
填充：0；
保证金：0；
列表样式类型：无；
}
#导航ul{
显示器：flex；
证明内容：之间的空间；
弯曲方向：行；
}
#导航李{
背景颜色：黄色；
}
#导航：悬停{
背景色：红色；
}

E01
元素02
Ele03

在

li

上使用

flex grow

属性。这不会添加填充，但会强制弹性项增加宽度以填充空间。然后可以根据需要调整内容。看

例如：

ul，
李{
填充：0；
保证金：0；
列表样式类型：无；
}
#导航ul{
显示器：flex；
证明内容：之间的空间；
弯曲方向：行；
}
#导航李{
背景颜色：黄色；
柔性生长：1；
文本对齐：居中；
}
#导航：悬停{
背景色：红色；
}

E01
元素02
Ele03