flex-wrap是什么意思

flex-wrap是什么意思

flex-wrap是控制：紧靠的项目的分布方式；一共提供了几个参数：

nowrap、wrap、wrap-reverse

1.flex-wrap：是指紧靠项目的水平分布，容器宽度为300px到500px之间

比如：

项目的宽度为50px，一共8个，正常容器宽度为400px；

当容器宽度为300px时，项目就会被压缩，也不会换行；

当容器宽度为500px时，项目不会占满容器，有空隙；

2.flex-wrap默认属性nowrap

3.flex-wrap属性值wrap

项目会在容器内换行，第一行在上方

4.flex-wrap属性值wrap-reverse

项目会在容器内换行，第一行在下方

1.flex-wrap默认属性nowrap

2.flex-wrap属性值wrap

3.flex-wrap属性值wrap-reverse