让一个盒子在浏览器页面垂直水平居中

使用 CSS 可以让一个盒子在浏览器页面垂直水平居中。方法是将该盒子的定位设为绝对定位，并使用 margin 属性将其上下左右外边距设为负值的一半。代码示例如下：

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

在这里，我们将该盒子的定位设为绝对定位，并将其 top 和 left 属性设为 50%。这样，该盒子的顶部和左边将位于其父元素的顶部和左边的 50% 处。然后，我们使用 transform: translate(-50