Div盒子居中

要让一个 div 盒子在水平和垂直方向都居中，可以使用如下的 CSS 代码：

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

这里使用了绝对定位将 div 盒子从文档流中拖出，然后使用 top 和 left 属性将其移动到浏览器的中心，最后使用 transform 属性将其向左和向上移动自身宽高的一半，从而使其在水平和垂直方向都居中。