采用 Flex 布局的元素被称为 Flex 容器，简称容器，即 flex 属性的父元素，该容器共有六个可设置的属性，用于控制内部子元素的排列与布局方式。
1、 父容器包含六个属性，其一为 flex-direction。
2、 flex-direction属性用于设定主轴方向，包含四个可选值：row（横向从左到右）、row-reverse（横向从右到左）、column（纵向从上到下）以及column-reverse（纵向从下到上）。
3、 flex-wrap属性用于设置当主轴空间不足时，子元素是否及如何换行显示。
4、 flex-flow是flex-direction与flex-wrap的复合属性，用于同时设置主轴方向和换行方式，默认值为row nowrap。
5、 justify-content 属性用于设置项目在主轴方向上的对齐方式，共包含五种取值：flex-start 表示左对齐，flex-end 表示右对齐，center 为居中对齐，space-between 实现两端对齐且项目间距相等，space-around 则使项目周围的空间均匀分布。
6、 align-items 属性用于设置容器内项目在交叉轴上的对齐方式，共有五个可选值：flex-start（顶端对齐）、flex-end（底端对齐）、center（居中对齐）、baseline（基线对齐）和 stretch（拉伸填满容器）。
7、 align-content 属性用于设置多行 flex 项目在交叉轴上的对齐方式，当容器内只有一行时该属性无效。它共有六个可选值：flex-start（顶端对齐）、flex-end（底端对齐）、center（居中对齐）、space-between（均匀分布，首尾项紧贴边缘）、space-around（均匀分布，项目周围空间相等）和 stretch（拉伸填满容器）。
