弹性布局flex中循环出来的数据为什么不换行？ - WXOPEN Club

图中灰色部分是循环出来的数据，

最外层是个弹性盒子，左边也是弹性盒子，灰色区域已经设置了flex-direction: column;为啥还是水平排开呢？是否因为最外层是flex-direction: row;？

想要实现如下这样的效果怎么弄？

页面布局结构应该是

text input

li循环或者写死三个。

ul 设置 flex-direction: column；

flex换行：flex-wrap: wrap

要实现图中效果，通常是循环表单项，表单项内再分label和input；

而不是把所有label分一组，input分一组，循环两项