justify-content: center; align-items: center;是什么

这是CSS中的两个属性，用于设置元素在容器中的对齐方式。
- justify-content: center; 用于水平方向上的对齐，将元素沿着容器的水平中心线进行对齐。
- align-items: center; 用于垂直方向上的对齐，将元素沿着容器的垂直中心线进行对齐。
这两个属性通常用于Flex布局中，可以帮助我们更好地控制元素的位置，使页面更加美观。

相关问题

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;` 属性将子元素在容器元素中水平和垂直居中。

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

align-items: center; 和 justify-content: center; 是CSS中用于布局的两个属性。

align-items: center; 用于垂直方向上对齐元素。当设置为center时，元素会在垂直方向上居中对齐。

justify-content: center; 用于水平方向上对齐元素。当设置为center时，元素会在水平方向上居中对齐。

这两个属性通常用于flex布局中，可以使元素在容器中居中对齐。