CSS flex-wrap 属性

如有必要，将弹性物品包裹起来：

div {
display: flex;
flex-wrap: wrap;
}

定义和用法

这个flex-wrap属性指定灵活项目是否应该换行。

笔记：如果元素不是灵活项，则flex-wrap属性没有影响。

默认值：	诺拉普
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.flexWrap="nowrap"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit- 或 -moz- 的数字指定使用前缀的第一个版本。

Property
flex-wrap	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Value	Description	Play it
nowrap	Default value. Specifies that the flexible items will not wrap	Demo ❯
wrap	Specifies that the flexible items will wrap if necessary	Demo ❯
wrap-reverse	Specifies that the flexible items will wrap, if necessary, in reverse order	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit