目录
3、 flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
6、多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用
一、什么是弹性盒子？
Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
注意：这是您需要在父容器上设置的唯一属性，它的所有直接子容器将自动变为flex项目。
二、Flex的基础概念
介绍弹性盒子需要从两部分介绍，一是Flex容器，简称容器，二是它的子元素Flex项目，简称项
目。当一个盒子设置为容器的时候，它包含的子元素自动变成弹性项目。
在盒子中，默认存在两根轴：
主轴：弹性元素的排列方向
侧轴：与主轴垂直方向
三、如何将盒子设置为弹性盒子
display:block; 块弹性盒子
display:inline; 行内弹性盒子
四、容器的样式
1、指定容器中弹性元素的排列方式
flex-direction
可选值：
row 默认值，弹性元素在容器水平排列（左---右）
row-reverse 与row相反
colum 自上而下排列
colum-reverse 与colum相反
2、设置弹性元素是否换行
flex-wrap
nowrap（默认值）：项目显示在一行中，默认情况下会缩小它们以适应Flex容器的宽度;
wrap：如果需要，从左到右和从上到下，弹性项目将显示在多行中;
wrap-reverse：如果需要，从左到右和从下到上，弹性项目将显示在多行中;
3、 flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
flex-flow
4、使flex项目沿着flex容器当前行的主轴对齐
justify-content
flex-start（默认值）：左对齐；
flex-end：右对齐；
center： 居中；
space-between：两端对齐，项目之间的间隔都相等；
space-around：每个项目两侧的间隔相等
5、项目在交叉轴上如何对齐
align-items
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。
flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
baseline: 项目的第一行文字的基线对齐。
6、多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用
align-content
flex-start：与交叉轴的起点对齐。
flex-end：与交叉轴的终点对齐。
center：与交叉轴的中点对齐。
space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。
space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
stretch（默认值）：轴线占满整个交叉轴。
五、项目的属性（与容器相似）
order
flex-grow（伸展系数）
flex-shrink（收缩系数）
flex-basis
flex
align-self