新增!我的 44 页电子书“CSS 在 44 分钟内”已发布! 😃

立即获取 →

#flex-wrap

定义 flexbox 项目是否在 flexbox 容器内显示在单行上或多行上。

默认 flex-wrap: nowrap;

无论如何,flexbox 项目都将保留在单行上,如果需要,最终将溢出。

flex-wrap: wrap;

如果需要,flexbox 项目将分布在多行上。

flex-wrap: wrap-reverse;

如果需要,flexbox 项目将分布在多行上。任何附加行都将出现在前面