align-content是针对容器里面多行的情况，align-items是针对一行的情况进行排列。
必须对父元素设置自由盒属性display：flex，并且设置排列方式为横向排列flex-direction：row，并且设置换行
flex-wrap：wrap这样这个属性的设置才会起作用。
align-content:center;多行居中 stretch；默认值项目被拉伸以适应容器。 flex-start项目位于容器的开头
flex-end项目位于容器的结尾 space-between项目位于各行之间留有空白的容器内
space-around项目位于各行之前，之间，之后都有空白
flex-flow（排列方向，换不换行，中间两个使用空格）是flex-direction、flex-wrap的简写形式
flex-flow等价于flex-direction flex-wrap；
order属性用css控制盒子的前后顺序
控制子项目的排列顺序，正序方式排序，从小到大。
用整数值来定义排列顺序，数值小的排在最前面，可以为负值，默认值为0
order：1；
flex-shrink 默认值是1，如果设置2，就会按比例缩小
flex复合属性
flex:flex-grow flex-shrink flex-basis；
inline-flex会对margin:0 auto失效
