justify-content: center是什么意思

`justify-content: center` 是一个CSS属性，用于在容器中水平居中对齐其子元素。

当你将`justify-content`属性设置为`center`时，容器中的子元素会在水平方向上居中对齐。这意味着子元素将沿着主轴（一般是水平方向）居中显示，从而在容器中创造出均匀的空白空间，使子元素在水平方向上看起来居中。

这个属性通常用于弹性盒子布局（Flexbox）或网格布局（Grid）中，可以通过设置容器的样式来影响容器内的子元素的布局。

以下是一个示例，展示了如何使用`justify-content: center`来实现水平居中对齐：

.container {
  display: flex;
  justify-content: center;
}

在这个例子中，`.container`是一个Flex容器，通过设置`justify-content: center`，它的子元素将在水平方向上居中对齐。

你可以根据需要应用这个样式，并根据具体情况调整其他样式属性以满足你的布局需求。