CSS中的 flex-wrap
属性用于指定Flexbox容器中弹性子元素如何换行。默认情况下,Flexbox容器内的子元素会在一行上排列,这称为 "nowrap" 。当容器的空间不足以放置所有子元素时,flex-wrap 可以将子元素转换为多行或多列布局。
该属性有三个可能的值:
nowrap
: 默认值,所有子元素位于一行上。wrap
: 子元素可以包裹到新的行或列。wrap-reverse
: 子元素可以按相反的顺序包装到新的行、列或反向排列。另外,还可以使用 flex-flow
缩写属性同时设置 flex-wrap
和 flex-direction
属性来控制子元素的排列方向和是否换行。
注意,在某些情况下, flex-wrap
可能会被 flex-basis
与 min-width/max-width
属性所影响,需要注意样式的细节。