Css 是否可以反转flexbox横轴方向?

Css 是否可以反转flexbox横轴方向?,css,flexbox,Css,Flexbox,我们可以使用flex direction属性指定主轴的方向。但是,根据我的发现,没有任何属性可以对横轴做相同的处理 这意味着唯一可能的组合如下: (主轴粗体,横轴细) 有没有其他4种可能的安排? 编辑:假设flex wrap设置为wrap,因此横轴上有多行或多列 EDIT2:谢谢!将flex wrap设置为wrap reverse会反转横轴的方向该值允许: flex wrap属性控制flex容器是否为 单线或多线,以及横轴的方向 确定新线的堆叠方向 现在flex容器是单线的 将flex容器包

我们可以使用
flex direction
属性指定主轴的方向。但是,根据我的发现,没有任何属性可以对横轴做相同的处理

这意味着唯一可能的组合如下: (主轴粗体,横轴细)

有没有其他4种可能的安排?

编辑:假设
flex wrap
设置为
wrap
,因此横轴上有多行或多列

EDIT2:谢谢!将
flex wrap
设置为
wrap reverse
会反转横轴的方向

该值允许:

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

现在flex容器是单线的

将flex容器包装为多行

反向包裹与包裹相同

对于非反向包裹的值,交叉起始方向为 等效于的内联开始或块开始方向 当前写入模式(以横轴中的为准)和 交叉结束方向与交叉开始方向相反什么时候 柔性缠绕是反向缠绕,即交叉开始和交叉结束方向 已交换。


如果问题假设
flex wrap
设置为
wrap
,该答案如何正确?如果我们假设flex wrap应该是wrap,那么就不能将其交换为wrap reverse。所以答案不正确,或者问题不清楚。@Mattiaastrino显然,OP不知道wrap。所以,他说的是“我正在包装内容”。此外,在文档中,“wrap reverse”=与wrap相同。而且,这个答案被标记为已接受,所以对于OP来说至少是可以的。