<div class="box box3 item">Box 3 <img src="img/box3.jpg" alt=""><br> <div class="label">编辑器</div> <img src="img/box3.jpg" alt=""> <div class="label">编辑器</div> <img src="img/box3.jpg" alt=""> <div class="label">编辑器</div> <img src="img/box3.jpg" alt=""> <div class="label">编辑器</div> <img src="img/box3.jpg" alt=""><div class="label">编辑器</div></div> 用flex布局使文字位于图片的正下方

可以使用以下 CSS 代码：

.box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}

.item {
  margin: 10px;
  text-align: center;
}

.label {
  margin-top: 5px;
  font-weight: bold;
}

其中，`display: flex` 表示使用 Flex 布局，`flex-wrap: wrap` 表示当一行放不下所有元素时换行，`justify-content: center` 表示水平居中对齐，`align-items: flex-end` 表示竖直方向对齐到底部。

每个 `.item` 元素包含一个图片和一个标签，通过设置 `margin` 和 `text-align` 实现水平居中和文字位于图片正下方。