justify-content: center

`justify-content: center`是CSS中的一个属性，用于设置flex容器中子元素的水平对齐方式，即在主轴方向上如何分配剩余空间。具体来说，它会将子元素居中对齐，即在主轴方向上将子元素平均分配剩余的空间，使得子元素在主轴方向上居中对齐。

以下是一个使用`justify-content: center`的例子：

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

.container {
  display: flex;
  justify-content: center;
}
.item {
  width: 100px;
  height: 100px;
  background-color: red;
  margin: 10px;
}

在上面的例子中，我们将父元素设置为flex容器，并使用`justify-content: center`将子元素居中对齐。这样，无论子元素的数量如何，它们都会在主轴方向上居中对齐。