WXOPEN Club

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

发布于 9 年前作者 wuguiying10699 次浏览最后编辑 9 年前来自 issues

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

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

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

2 回复
lei87
lei871 楼6 年前

页面布局结构应该是

ul

    li

        text    input

    li

ul

li循环或者写死三个。

ul 设置 flex-direction: column；

qiujuan
qiujuan2 楼6 年前

flex换行：flex-wrap: wrap

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

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