flex-wrap
属性可以设置以下三种换行方式:
nowrap
: 不换行,所有元素在一行内排列。
wrap
: 换行,当空间不足时,元素会向下移动到下一行继续排列。
wrap-reverse
: 反向换行,和wrap
类似,但是排列顺序是反向的,即从下往上排列。
注意,flex-wrap
属性只在容器的宽度不足以容纳所有元素时才会生效。同时,需要将display
属性设置为flex
或inline-flex
才能使用flex-wrap
属性。
关键词:flex-wrap
、nowrap
、wrap
、wrap-reverse
、display
、flex
、inline-flex
。
推荐学习资源:MDN - flex-wrap