如何使用 CSS 使 div 元素居中？

使用以下样式可以使一个 div 元素在其父元素中水平和垂直居中：

.parent {
  position: relative;
}

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

其中，父元素需要设置为'position: relative'，子元素需要设置为'position: absolute'，然后使用'top: 50%'和'left: 50%'将子元素的左上角放在父元素的中心位置。最后，使用'transform: translate(-50%, -50%)'将子元素的中心点移动到父元素的中心点。