Flex容器属性控制子项布局：display定义弹性容器类型；flex-direction设置主轴方向；flex-wrap控制是否换行；flex-flow为前两者的简写；justify-content定义主轴对齐；align-items定义交叉轴对齐；align-content用于多行时的交叉轴对齐。
Flex容器的属性用于控制其内部弹性子项（flex items）的布局方式。以下是Flex容器的主要CSS属性及其作用：
display
定义一个元素为弹性容器。
值：- flex：生成块级弹性容器
- inline-flex：生成行内弹性容器
flex-direction
决定主轴的方向，即子项的排列方向。
值：- row（默认）：从左到右水平排列
- row-reverse：从右到左水平排列
- column：从上到下垂直排列
- column-reverse：从下到上垂直排列
flex-wrap
控制子项是否换行。
立即学习“前端免费学习笔记（深入）”；
值：- nowrap（默认）：不换行，所有子项在一行显示
- wrap：换行，第一行在上方
- wrap-reverse：换行，第一行在下方
flex-flow
是 flex-direction 和 flex-wrap 的简写属性。
Flash Builder操作指南 中文WORD版
下载
本文档主要讲述的是Flash Builder操作指南；Flash Builder将构成应用程序的资源（文件夹和文件）组合到一个容器中，我们将其称为项目。项目包含一组属性，这些属性控制应用程序的构建方式、构建的应用程序所在的位置、调试的处理方式以及该项目于工作空间中其他项目的关系。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看
- flex-flow: row wrap;
- flex-flow: column nowrap;
justify-content
定义子项在主轴上的对齐方式。
值：- flex-start（默认）：向主轴起点对齐
- flex-end：向主轴终点对齐
- center：居中对齐
- space-between：两端对齐，中间间距相等
- space-around：每个子项周围有相等空间
- space-evenly：所有子项之间的间距完全相等
align-items
定义子项在交叉轴上的对齐方式。
值：- stretch（默认）：拉伸以填满容器（若无固定高度）
- flex-start：向交叉轴起点对齐
- flex-end：向交叉轴终点对齐
- center：居中对齐
- baseline：按基线对齐
align-content
定义多根轴线的对齐方式（仅在有多行 flex 项时生效，即 flex-wrap: wrap 时）。
- stretch（默认）：轴线占满整个交叉轴
- flex-start：向交叉轴起点对齐
- flex-end：向交叉轴终点对齐
- center：居中对齐
- space-between：轴线之间均匀分布
- space-around：每根轴线周围有相等空间
基本上就这些。掌握这些属性可以灵活控制Flex布局的整体结构。
