align-content
定义了多根轴线对齐方式
语法：
align-content:flex-start整体靠上，在交叉轴起始；
flex-end整体靠下，在交叉轴的末尾；
center居中，在交叉轴中间；
space-between两端对齐，在交叉轴两端；
space-around每根轴线两侧间隔都相等，空白环绕，两个项目之间的距离了大一倍；
stretch（默认值）轴线沾满整个交叉轴，要想设置首先不能设置item的高度；
把多列的item在整体的垂直方向上设置位置使用align-content
如果是单个item控制他的垂直方向我们使用align-items
align-self
align-self：auto|flex-stare|flex-end|center|stretch；
交叉轴上的对齐方式，允许单个项目有于其他项目不一样的对齐方式，可以覆盖align-items属性
order
定义项目的排列顺序，数值越小，排列越靠前，默认值为0
语法 order：<integer>
定义项目的放大比例默认为0，即如果存在剩余空间也不放大。
flex-grow
主要作用是分配剩余空间，值为数字。0代表不放大，1代表放大
flex-shrink
默认值为1，如果设置为2，则表示按比例缩小，值越大，按比例缩的越小
flex-basis————flex布局的基本宽度
设置了flex-basis，width就不管用了，同时存在的时候，优先使用flex-basis
如果父元素的宽度不够，子元素排列不下，设置了flex-basisi的宽度，会自动缩小，直到占满父元素
flex复合属性
flex：flex-grow flex-shrink flex-basis|auto|initial|inherit；
flex：1； 代表 flex：1 1 auto；
display：inline-flex
会对margin：0 auto 失效
