创建Pinterest布局的CSS flex

要创建Pinterest布局的CSS flex，可以使用以下代码示例来实现：

HTML结构：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
  <div class="item">Item 6</div>
</div>

CSS样式：

.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  flex: 0 0 33.33%; /* 每个item占三分之一的宽度 */
  margin: 5px;
  background-color: #ccc;
  height: 100px;
}

在上面的代码中，我们使用了flex布局，并设置了flex-wrap: wrap来允许项目换行。每个项目使用flex: 0 0 33.33%来指定宽度为三分之一，这样每行就会显示三个项目。我们还设置了一些间距和背景颜色来美化布局。

你可以根据需要调整容器和项目的样式，比如改变宽度、高度、间距等。