| title | slug | l10n | ||
|---|---|---|---|---|
交叉轴 |
Glossary/Cross_Axis |
|
{{GlossarySidebar}}
{{glossary("flexbox", "弹性盒子")}}的交叉轴和{{glossary("main axis", "主轴")}}垂直，因此如果 {{cssxref("flex-direction")}} 是 row 或 row-reverse，那么交叉轴就是从上至下垂直走向的。
如果你的主轴是列（column）或者反向列（column-reverse），那么交叉轴就是水平走向的。
交叉轴上的对齐由通过弹性容器的 align-items 属性，或每个弹性元素上的 align-self 属性控制。在多行弹性容器中，交叉轴上有多余控件的话，你还可以用 align-content 来控制行的间距。
- {{cssxref("align-content")}}
- {{cssxref("align-items")}}
- {{cssxref("align-self")}}
- {{cssxref("flex-wrap")}}
- {{cssxref("flex-direction")}}
- {{cssxref("flex")}}
- {{cssxref("flex-basis")}}
- {{cssxref("flex-flow")}}
- {{cssxref("flex-grow")}}
- {{cssxref("flex-shrink")}}
- {{cssxref("justify-content")}}
- {{cssxref("order")}}
-
CSS 弹性盒子指南：
-
- {{Glossary("Flex", "弹性布局")}}
- {{Glossary("Flex Container", "弹性容器")}}
- {{Glossary("Flex Item", "弹性项目")}}
- {{Glossary("Grid", "网格")}}