css元素水平垂直都居中

要让一个元素水平垂直都居中，可以使用以下CSS代码：

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

这里的 `position: absolute` 是为了让元素相对于其父元素居中，而 `top: 50%` 和 `left: 50%` 是将元素的左上角放置在父元素的中心点。`transform: translate(-50%, -50%)` 则是将元素自身的中心点移动到父元素的中心点，从而实现水平垂直居中的效果。