清除 Flex 布局第一行最后一个元素的 Margin - 完整指南

要清除 flex 布局中第一行最后一个元素的 margin，可以使用 :last-child 选择器来选择最后一个元素，并设置其 margin 属性为 0。以下是一个示例代码：

HTML:

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

CSS:

.container {
  display: flex;
}

.item {
  margin: 10px;
}

.item:last-child {
  margin-right: 0;
}

在上面的示例中，.container 是包含所有元素的容器，.item 是每个元素的类名。使用 .container 的 display: flex; 将其设置为 flex 布局。然后，使用 .item 的 margin: 10px; 设置每个元素的 margin 为 10px。最后，使用 .item:last-child 的 margin-right: 0; 将最后一个元素的右边距设为 0，清除其 margin。