是否可以反转 flexbox 横轴方向？

Question

我们可以通过flex-direction属性指定主轴的方向。但是，根据我的发现，没有任何属性可以对横轴做同样的事情。

这意味着唯一可能的组合如下：（主轴为粗体，横轴为细线）

有没有办法应用其他 4 种可能的安排？

编辑：假设flex-wrap设置为wrap，因此横轴上有多个行或列

EDIT2：谢谢vals！设置flex-wrap为wrap-reverse确实反转交叉轴的方向

Answer 1

所述涡卷反转值允许这样的：

flex-wrap 属性控制 flex 容器是单行还是多行，以及横轴的方向，这决定了新行的堆叠方向。

nowrap flex 容器是单行的。

wrap flex 容器是多行的。

wrap-reverse与 wrap 相同。

对于非 wrap-reverse 的值，cross-start 方向相当于当前写入模式的 inline-start 或 block-start 方向（以横轴为准），cross-end 方向相反交叉启动的方向。当 flex-wrap 为 wrap-reverse 时，交叉开始和交叉结束方向交换。

w3c源