调整主轴对齐（水平对齐）
display：flex；
justify-cotent：flex-start; 让子元素从父容器开头开始排序
flex-end; 让子元素从父容器结尾开始排序但是顺序不变
center让盒子在父容器中间显示
space-between; 左右盒子贴近父容器，中间的平均分布空白间距
space-around；相当于每个盒子都加上了外边距。
调整侧轴对齐（垂直对齐）
align-items：flex-start；上对齐，flex-end；底对齐，center垂直居中对齐
stretch；在子元素不给高度的情况下，让子元素的高度拉伸适用于父容器
是否换行
当我们子盒子内容宽度多于父盒子的时候如何处理
flex-wrap：wrap；盒子换行 nowrap不换行，压缩显示。 warp-reverse换行，但是以相反的顺序
对栈对齐
align-content是针对容器里面多行的情况，align-items是针对一行的情况进行排列
必须对父元素设置自由盒属性display：flex，并且设置排列方式为横向排列flex-direction：row，并且设置换行
flex-wrap：wrap这样这个属性的设置才会起作用。
align-content:center;多行居中 stretch；默认值项目被拉伸以适应容器。 flex-start项目位于容器的开头
flex-end项目位于容器的结尾 space-between项目位于各行之间留有空白的容器内
space-around项目位于各行之前，之间，之后都有空白
