css让元素水平垂直居中

要让一个元素在父元素中水平垂直居中，可以使用以下的 CSS：

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

这里我们使用了 `display: flex` 来创建一个弹性盒子，并且设置了 `justify-content: center` 和 `align-items: center`，分别将内容水平和垂直居中。将 `.parent` 替换为你的父元素的类名或选择器即可。

另外，如果你想让一个绝对定位的元素在其父元素中水平垂直居中，可以使用以下的 CSS：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在这个例子中，我们将父元素设置为相对定位，然后将子元素设置为绝对定位，并使用 `top: 50%` 和 `left: 50%` 将其定位到父元素的中心。最后，使用 `transform: translate(-50%, -50%)` 将子元素向左和向上偏移自身宽度和高度的一半，使其完全居中。将 `.parent` 和 `.child` 替换为你的父元素和子元素的类名或选择器即可。