Html 我可以使用flex在多行上放置分隔符吗？

我试图在屏幕上显示多个复选框。但我希望所有复选框都垂直和水平排列，看起来像一个网格

我想到的第一件事是使用

flex

。但我不知道如何使用flex自动包裹每4个分隔符

以下是我所做的：

.card
{
弹性：1；
}
.柔性包装
{
显示器：flex；
}

名字1
名称2
名字3
名字4
名字5

要使复选框在第4个元素上分为多行，您可以为

.card

div指定一个

宽度：25%

（而不是

flex:1；

），并给你的

.flex-wrapper

a

flex-wrapp:wrapp


.card
{
宽度：25%；
}
.柔性包装
{
显示器：flex；
柔性包装：包装；
}

名字1
名称2
名字3
名字4
名字5
姓名6
试试
flex:0 25%
：