设置主轴方向
默认 不换行 主 轴方向从左到右
flex-direction: row; 从右到左的顺序
flex-direction: row-reverse; 颠倒顺序
flex-direction: column; 主轴方向从上到下
flex-direction: column-reverse; 颠倒
flex布局默认不换行
flex-wrap: nowrap; 默认情况下，项目都排在一条线（又称"轴线"）上
flex-wrap: wrap; 换行
flex-wrap: wrap-reverse; 上下行颠倒
flex-flow:row wrap; 复合属性 设置主轴方向和是否换行的
定义了项目在主轴上的对齐方式（应为你的主轴是水平方向的 ）、
justify-content: center;
justify-content: flex-start; 左对齐
justify-content: flex-end; 右对齐
