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

Question

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

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

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

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

EDIT2：感谢vals！将flex-wrap设置为wrap-reverse会反转横轴的方向

Answer 1

wrap-reverse值允许这样：

  

flex-wrap属性控制是否为flex容器   单线或多线，以及横轴的方向   确定新线的堆叠方向。

     

nowrap Flex容器是单行的。

     

wrap Flex容器是多行的。

     

wrap-reverse 与wrap相同。

     

对于非反转的值，交叉开始方向为   相当于的内联开始或块开始方向   当前的写入模式（以十字轴为准）和   交叉方向是交叉开始的相反方向。 ：当   flex-wrap是wrap-reverse，cross-start和cross-end方向   被交换。

w3c source