Html 限制每行显示的框数

我有下面的HTML代码，基本上是一个里面有小输入框的框。 我想在同一行上最多有4个输入框，如果有更多的输入框，我想换行。我之所以不手动执行此操作，是因为.js文件最终会在代码中添加输入框

.formPanel{
显示器：flex；
}
.formOption{
宽度：25%
}
.表格盒{
宽度：100%；
}

任务1
任务2
任务3
任务4
任务5
任务6

您必须将

flex wrap:wrap

与

display:flex

一起设置为

.formPanel

，才能使其正常工作。否则，无论设置什么宽度，它都将始终显示在单行上。

使用

flex wrap:wrap.formPanel

上编写>以允许容器在不适合的情况下将内容包装到下一行。