- Flex布局中，需了解主轴（main axis）和交叉轴（cross axis）。
- 主轴方向由
flex-direction属性决定，为row时水平，为column时垂直。 - 使用
justify-content可以设置项目在主轴上的排列方式，默认是flex-start（起点排列）。 justify-content可以取值为flex-end（终点排列）、center（居中）、space-around（两侧间隔相等）、space-between（项目之间间隔相等）、space-evenly（项目和两侧间隔相等）。- 使用
align-items可以设置项目在交叉轴上的对齐方式，默认是stretch（拉伸填满）。 - 可以设置
align-items为flex-start（起点对齐）、flex-end（终点对齐）、center（居中对齐）。 - 单独调整项目在交叉轴的对齐可用
align-self属性。 - 开发者可以用开发者工具来调试flex布局，例如改变overlay颜色或快速预览不同flex属性效果。