CSS flex布局之 flex-wrap 属性

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

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

flexwrap.jpg

图一

它可能的值有:

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

JavaScript 语法:

object.style.flexWrap="wrap"