摘要：
弹性布局弹性容器：显示：元素上设置flex；的元素是弹性容器的弹性子元素：display：flex设置在元素上；的元素是弹性容器中的直接子元素是弹性子元素。设置高度不会影响flex startflex endcenter换行语法：flex warp:多行分布的扭曲设置：对齐内容：flex startflex endcenter周围的空间：平均分布，两侧之间的空间，两侧之间是中间的一半，以相同间距占用剩余空间：Flex:number对弹性子元素排序顺序：数字根据顺序从小到大排序
弹性布局
弹性容器：
元素上设置了display:flex;的元素就是弹性容器
弹性子元素：
元素上设置了display:flex;的元素就是弹性容器里面的直接子元素就是弹性子元素。
语法：display:flex;
主轴分布的设置：
justify-content
flex-start
flex-end
center
space-around:平均分布，两边有间距，两边的间距是中间的一半
space-between:平均分布，两边没有间距
space-evenly:平均分布，间距一样侧轴分布的设置：
stretch:拉伸，会默认将没有设置高度的子元素拉伸到跟父元素一样的高度。设置了高度就没有效果
flex-start
flex-end
center换行
语法：flex-warp:warp
多行分布的设置：
align-content:
flex-start
flex-end
center
space-around:平均分布，两边有间距，两边的间距是中间的一半
space-between:平均分布，两边没有间距
space-evenly:平均分布，间距一样剩余空间的占据：
Flex:数字
对弹性子元素进行排序
order:数字
根据order的数字，进行从小到大排序