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