横轴

flexbox 中,交叉轴 垂直于 主轴,因此,如果您的 flex-directionrowrow-reverse,则交叉轴沿列向下运行。

The cross axis runs down the column

如果您的主轴是 columncolumn-reverse,则交叉轴沿行运行。

The cross axis runs along the row.

对交叉轴上项目的对齐使用 flex 容器上的 align-items 属性或单个项目上的 align-self 属性来实现。对于多行 flex 容器,如果交叉轴上有额外的空间,您可以使用 align-content 来控制行的间距。

另请参见

属性参考

进一步阅读