flex-wrap
属性用于设置弹性盒子元素是否换行及其换行方式,它可以设置以下值:
nowrap
:默认值,不换行。wrap
:容器内的弹性盒子在必要时拆行或拆列。wrap-reverse
:容器内的弹性盒子在必要时拆行或拆列,但是以相反的顺序。例如:
.container {
display: flex;
flex-wrap: wrap; /* 设置换行方式为拆行 */
}
注意:使用flex-wrap
属性进行弹性盒子元素的换行时,还可以结合flex-direction
属性来设置元素的排列方向。