div水平垂直居中

要实现一个元素在父容器中水平垂直居中，可以使用以下 CSS 样式：

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

其中，`display: flex` 将父容器设置为弹性盒子，`justify-content: center` 将子元素水平居中对齐，`align-items: center` 将子元素垂直居中对齐。

如果要让子元素在父容器中水平居中，但垂直方向不居中，可以使用以下 CSS 样式：

.parent {
  text-align: center;
}
.child {
  display: inline-block;
}

其中，`text-align: center` 将子元素水平居中对齐，`display: inline-block` 将子元素转换为内联块级元素，使其可以水平居中对齐。