交叉轴

弹性盒子的交叉轴和主轴垂直,因此如果弹性方向(flex-direction)是行(row)或反向行(row-reverse),那么交叉轴就是从上至下地垂直走向的。

交叉轴沿列方向

如果你的主轴是列(column)或者反向列(column-reverse),那么交叉轴就是水平走向的。

交叉轴沿行方向

交叉轴上的对齐由通过弹性容器的 align-items 属性,或每个弹性元素上的 align-self 属性控制。在多行弹性容器中,交叉轴上有多余控件的话,你还可以用 align-content 来控制行的间距。

参见

属性参考

拓展阅读