CSS 实现盒子垂直水平居中：简单易懂教程

可以使用以下 CSS 样式实现盒子在浏览器中垂直居中和水平居中：

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

这个样式将盒子元素的定位位置设置为绝对定位，然后使用top和left属性将盒子放置在浏览器窗口的中心位置。最后，使用transform属性和translate函数将盒子元素向左和向上移动一半的宽度和高度，使其完全居中。