主轴 - 术语表 编辑

主轴是由弹性容器 flexbox 中弹性方向 flex-direction 属性所定义的的。弹性方向 flex-direction  有4个可能的值，分别是：

• row
• row-reverse
• column
• column-reverse

选择行 row 或者 row-reverse 反向行，那么主轴方向就会沿着行的走向。

选择列 column 或者反向列 column-reverse ，那么主轴就会从上至下沿着块的走向。

在主轴上，你可以用 flex 属性来增加可用空间，从而控制弹性元素的尺寸，你还可以用 justify-content 属性来控制元素周围的空间、间距。

学习更多

属性参考

• flex-basis
• flex-direction
• flex-grow
• flex-shrink
• justify-content
• flex

拓展阅读

• CSS 弹性容器指南： Basic Concepts of Flexbox
• CSS 弹性容器指南： Aligning items in a flex container
• CSS 弹性容器指南： Controlling Ratios of flex items along the main axis