justify-content:space-evenly; 设置主轴方向上的对齐方式
align-items: flex-end; 设置交叉轴上的对齐方式
flex-wrap: wrap;子项换行
flex-direction: row;默认子项沿着X轴排列
flex-direction: row-reverse;X轴作为主轴,起始线从右到左
flex-direction: column;默认子项沿着Y轴排列
justify-content:space-evenly; 设置主轴方向上的对齐方式
align-items: flex-end; 设置交叉轴上的对齐方式
flex-wrap: wrap;子项换行
flex-direction: row;默认子项沿着X轴排列
flex-direction: row-reverse;X轴作为主轴,起始线从右到左
flex-direction: column;默认子项沿着Y轴排列