Html Flexbox布局，多行，每行有3个项目 我试图让这3个无序列表项平均占据整个块，在开始时，第一个块中间的第二个，最后一个碰到块的末端。p>

我正试图用flex box来完成它，但目前我遇到了一些困难，我想justify content:可以完成这项任务，但它什么都不做

以下是我试图实现的最终结果：

示例：

正文{
背景：绿色；
}
.区域——第三便利设施——清单{
宽度：375px；
背景：蓝色；
}
保险商实验室{
填充：0；
列表样式类型：无；
保证金：0；
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}
ul li{}

50px




50px




50px




50px




50px




50px

您可以在

li

s上使用

flex-basis:33.33%

，这样它们在一行上保持3，并且

文本对齐：居中

正文{
背景：绿色；
}
.区域——第三便利设施——清单{
宽度：375px；
背景：蓝色；
}
保险商实验室{
填充：0；
列表样式类型：无；
保证金：0；
显示器：flex；
柔性包装：包装；
文本对齐：居中；
}
ulli{
弹性基准：33.33%；
}

50px




50px




50px




50px




50px




50px

您可以使用

li

上的

文本对齐：居中

li
   flex: 1 1 100px
   text-align: center