order 项目排列 取值越小越靠前 默认值0
align-self 单个项目与其他项目不一样
.item:nth-of-type(1){align-self:flex-start;}
flex-grow 把剩余的宽度都充满,如果每个项目取值都设为1 会平均分配
{flex-grow:1;}
使用这个属性平均分配后就不要使用换行
{flex-shrink:1}表示是否被压缩,默认是1 ,表示被压缩。取值0表示不压缩,保持设置的尺寸
flex-basis (固定宽) 优先级比width高,同时设置只会展示flex-basis;但是还是会被压缩宽度,除非设置shrink:0