CSS中的flex-wrap是一個非常有用的屬性，用于指定flex容器中的flex項目如何折行顯示。當flex項目的總寬度大于容器的寬度時，就需要使用flex-wrap來控制項目是否折行，以及如何進行折行。 下面是一個示例代碼，演示了flex-wrap的基本用法：

.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-item {
flex: 1;
margin: 10px;
}

在上面的代碼中，我們首先定義了一個flex容器，它的display屬性設置為flex，表示該容器采用flex布局。然后，我們將flex-wrap屬性設置為wrap，表示flex項目將會在容器的寬度不足時自動折行。 接下來，我們定義了一個flex項目，其中flex屬性設置為1，表示flex容器中的所有項目都會平均分配剩余空間。同時，我們設置了10像素的外邊距，以確保不同的項目之間保持一定的間距。 下面是一個顯示了多行flex項目的例子：

.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-item {
flex: 1 1 200px;
margin: 10px;
}

在這個例子中，我們同樣定義了一個flex容器，并將flex-wrap屬性設置為wrap。不過這次我們還添加了一個更加具體的flex屬性，其中1 1 200px表示該項目的flex-grow、flex-shrink和flex-basis屬性分別為1、1和200像素。這樣，即使容器寬度小于200像素，項目也不會縮小超過200像素。 總之，flex-wrap屬性是flex布局中非常有用的一個屬性，可以幫助我們更好地控制flex項目的顯示方式和排列方式。如果你正在使用flex布局，那么一定要學會使用flex-wrap，以便更好地掌控設計和布局。