justify-content: center; align-items: center;

`justify-content: center;` 和 `align-items: center;` 是用来在容器元素中居中子元素的常用CSS属性。

`justify-content: center;` 属性用于水平居中子元素。它会将子元素沿着容器的水平中心线居中对齐。

`align-items: center;` 属性用于垂直居中子元素。它会将子元素沿着容器的垂直中心线居中对齐。

通常这两个属性会一起使用，以实现在容器元素中居中子元素的效果。例如：

.container {
  display: flex; /* 或者 display: inline-flex; */
  justify-content: center;
  align-items: center;
}

上面的代码中，我们将容器元素设置为 flex 布局，并使用 `justify-content: center;` 和 `align-items: center;` 属性将子元素在容器元素中水平和垂直居中。