具体的使用方式如下：
/* 语法 */
flex-wrap: nowrap | wrap | wrap-reverse;
/* 示例 */
.container {
display: flex;
flex-wrap: nowrap; /* 默认值，不允许换行 */
}
.wrap-container {
display: flex;
flex-wrap: wrap; /* 允许项目在主轴方向上换行 */
}
.wrap-reverse-container {
display: flex;
flex-wrap: wrap-reverse; /* 允许项目在主轴方向上换行，但反向排列 */
}
- nowrap: 默认值，不允许项目在主轴方向上换行，尽量在一行内排列。
- wrap: 允许项目在主轴方向上换行，如果空间不足，项目将换到下一行。
- wrap-reverse: 允许项目在主轴方向上换行，但反向排列，即从下到上，从右到左。
flex-wrap 在设计响应式布局时非常有用。通过控制是否允许项目换行，你可以更灵活地适应不同尺寸的屏幕或容器。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6071/CSS