11.16 CSS 弹性布局框模型和术语
如果一个元素的display被设置为flex或inline-flex，则将生成一个弹性容器。弹性容器内部流子元素被称为弹性项，这些弹性项通过弹性布局模型来放置。
为了更好的讨论弹性布局，我们先介绍一些相关基本术语。弹性流（flex-flow）的值和书写模式（writing mode）决定这些术语如何映射到物理方向(top/right/bottom/left)，坐标轴(vertical/horizontal)以及尺寸(width/height)。
- 主轴线（main axis）
- 主维度（main dimension）
- 弹性容器的主轴线也就是弹性项目摆放的主要轴，它在主维度上扩展。
- 主开始侧（main-start）
- 主结束侧（main-end）
- 弹性项（flex items）放置在容器内，从main-start开始，到main-end处结束。
- 主尺寸（main size）
- 主尺寸属性（main size property）
- 一个弹性项的宽度或高度，无论哪个在主维度上，就是该项的主尺寸。主尺寸属性就是相应的宽或高属性。
- 垂直轴线（cross axis）
- 垂直维度（cross dimension）
- 垂直于主轴的轴线称为垂直轴线。它在垂直维度上延伸。
- 垂直开始侧（cross-start）
- 垂直结束侧（cross-end）
- 弹性行（flex lines）被弹性项目所填充，并放置到容器中，从cross-start开始，到cross-end处结束。
- 垂直尺寸（cross size）
- 垂直尺寸属性（cross size property）
- 一个弹性项的宽度或高度，无论哪个在垂直维度上，就是该项的垂直尺寸。垂直尺寸属性就是相应的宽或高属性。