交叉轴
弹性盒子的交叉轴和主轴垂直,因此如果 flex-direction
是 row
或 row-reverse
,那么交叉轴就是从上至下垂直走向的。
如果你的主轴是列(column
)或者反向列(column-reverse
),那么交叉轴就是水平走向的。
交叉轴上的对齐由通过弹性容器的 align-items
属性,或每个弹性元素上的 align-self
属性控制。在多行弹性容器中,交叉轴上有多余控件的话,你还可以用 align-content
来控制行的间距。