Question

我对flexbox有些新意。我希望能够采用三列布局，并在浏览器中达到较小宽度时将这三列转换为两行。

例如：

Container
Col 1 | Col 2 | Col 3

变成：

Container
Col 1 | Col 3
Col 2

这可能吗？

Answer 1

是的，你可以做到，虽然它本身不是很“干净”。

使用媒体查询更改列的弹性基础。因此，在宽度较窄的情况下，柔性基础为％50，宽度为33％。

然后使用命令按您的意愿排列方框。