交叉轴 - 术语表 编辑

弹性容器 flexbox 的交叉轴和主轴 main axis 垂直，因此如果弹性方向是 flex-direction 行 row 或者反向行 row-reverse ，那么交叉轴就是从上至下地垂直走向的。

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

要在交叉轴上对齐，是通过弹性容器的 align-items 属性来控制的，或者通过弹性元素的 align-self 属性来单独决定的对齐方式。在多行弹性容器中，交叉轴上有多余控件的话，你还可以用 align-content 来控制行的间距。

学习更多

属性参考

• align-content
• align-items
• align-self
• flex-wrap
• flex-direction
• flex

拓展阅读

• CSS 弹性容器指南：Basic Concepts of Flexbox
• CSS 弹性容器指南：Aligning items in a flex container
• CSS 弹性容器指南：Mastering wrapping of flex items