弹性布局flex中循环出来的数据为什么不换行？
发布于 8 年前 作者 wuguiying 10568 次浏览 来自 官方Issues

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

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

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

2 回复

页面布局结构应该是

ul

    li

        text    input

    li

ul

li循环或者写死三个。

ul 设置 flex-direction: column；

flex换行：flex-wrap: wrap

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

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

回到顶部