flex布局，最后一行靠左显示

/* 设置为伸缩盒子 */

/* display: flex;*/

/* 设置主轴方向 */

/* flex-direction: row; */

/* 竖立显示 */

/* flex-direction: column; */

/* flex-direction: row-reverse; */

/* flex-direction: column-reverse; */

/* 设置元素在主轴方向对齐方式 */

/* justify-content: flex-start; */

/* justify-content: flex-end; */

/* justify-content: center; */

/* 两端对齐,中间自适应 */

/* justify-content: space-between; */

/* 环绕对齐 */

/* justify-content: space-around; */

/* 设置元素在侧轴对齐方式 */

/* align-items: flex-start; */

/* align-items: flex-end; */

/* align-items: center; */

/* 拉伸 */

/* align-items: stretch; */

/* 设置元素是否换行显示 */

/*flex-wrap: nowrap; */

flex-wrap: wrap;

/* 设置元素换行后的对齐方式 */

/* align-content: flex-start; */

/* align-content: flex-end; */

/* align-content: center; */

/* align-content: space-between; */

/* align-content: space-around; */

/* 默认值 */

/* align-content: stretch; */