flex布局为自动换行时，设置每一行的最后一个元素的右间距为0

当使用 Flex 布局时，您可以给每一行的最后一个元素添加 `margin-right: 0`，来设置每一行的最后一个元素的右间距为 0。

可以使用 `:nth-child(an+b)` 选择器来选中每一行的最后一个元素，其中 `a` 表示行数，`b` 表示每行中的元素数量。

下面是一个示例代码，可以帮助您更好地理解：

<div class="flex-container">
  <div class="flex-item">1</div>
  <div class="flex-item">2</div>
  <div class="flex-item">3</div>
  <div class="flex-item">4</div>
  <div class="flex-item">5</div>
  <div class="flex-item">6</div>
  <div class="flex-item">7</div>
  <div class="flex-item">8</div>
  <div class="flex-item">9</div>
</div>

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

.flex-item {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
}

.flex-item:nth-child(3n) {
  margin-right: 0;
}

在上面的例子中，每行有 3 个元素，所以使用 `:nth-child(3n)` 选择器来选中每一行的最后一个元素，并且给它设置了 `margin-right: 0`。您可以根据您的实际需求来调整样式细节。