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