/* 当flex容器无法包裹住flex项目时我们可以通过一些调整来实现包裹 */
/* 允许换行,转为多行容器 */ flex-wrap: wrap;
/* 主轴方向,也就是水平方向 */ /* flex-direction: row;是默认值也就是从左向右排列 */
/* flex-direction: row-reverse;表示从右向左排列 */ /* flex-direction: column;表示垂直排列 */
/* flex-flow: ;表示主轴方向是否换行 */ /* flex-flow: row nowrap;默认值不换行 */ /* flex-flow: row wrap;换行 */