flex-wrap:wrap;有什么作用

flex-wrap: wrap;是CSS中Flexbox布局的一个属性，它的作用是控制flex容器中的flex项目是否换行。当flex容器中的flex项目超出容器宽度时，如果flex-wrap属性的值为nowrap，则flex项目会缩小以适应容器宽度；如果flex-wrap属性的值为wrap，则flex项目会自动换行以适应容器宽度。在flex-wrap属性的值为wrap时，还可以使用align-content属性来控制flex项目在容器中的对齐方式和间距。

举个例子，假设有一个flex容器，其中包含了5个flex项目，每个项目的宽度为200px，而容器的宽度只有800px。如果flex-wrap属性的值为nowrap，则这5个flex项目会被挤在一起，宽度为200px，而容器的宽度只有800px，因此会出现横向滚动条。如果flex-wrap属性的值为wrap，则这5个flex项目会自动换行，每行显示两个项目，因此会出现两行，而不会出现横向滚动条。