align-content：多列交叉轴方向的布局；把多列的item在整体的垂直方向上设置位置 使用align-content
align-items：如果是当个item控制他的垂直方向我们使用align-items
flex-start 在交叉轴的起始 flex-end 在交叉轴的末尾
center： 在交叉轴的中间； space-between： 在交叉轴的两端；space-around： 空白环绕 两个项目之间的距离大一倍；stretch： 是默认值flex-shrink的默认值是1，要想设置首先不能设置item的高度。
order： 定义项目的排列顺序。数值越小，排列越靠前，默认为0（单个的item 控制他的在交叉轴上面的方向，交叉轴上的对齐方式，允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性）。
flex复合属性：flex布局item的基本宽度，设置了flex-basis width就不管用了 同时存在的时候，优先使用flex-basis，如果父元素的宽度太小了，item排列不下 设置的flex-basis的宽度会自动缩小，直到占满父元素。
flex-grow: 1; 放大item 均匀占满父元素（0代表不放大 1 就代表放大）
