CSS flex布局之 flex-wrap 属性

flex-wrap 设置在容器上。属性决定一行排不下时，怎么换行。

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

flexwrap.jpg

图一

它可能的值有：

  • nowrap (默认)：不换行。
  • wrap ：换行，第一行在上方。
  • wrap-reverse ：换行，第一行在下方。

JavaScript 语法：

object.style.flexWrap="wrap"