盒子居中显示

如果你想让一个盒子居中显示，可以使用以下 CSS 样式：

.box {
  width: 200px; /* 设置盒子宽度 */
  height: 200px; /* 设置盒子高度 */
  background-color: #f8f8f8; /* 设置背景色 */
  position: absolute; /* 设置定位方式为绝对定位 */
  top: 50%; /* 将盒子顶部定位到父容器的中间位置 */
  left: 50%; /* 将盒子左侧定位到父容器的中间位置 */
  transform: translate(-50%, -50%); /* 将盒子平移回自身宽度和高度的一半，使其完全居中 */
}

其中，`.box` 是你要居中显示的盒子的类名或 ID 名。注意要将父容器的 `position` 样式设置为 `relative` 或 `absolute`，否则盒子无法根据父容器进行定位。

另外，如果你要让盒子在浏览器窗口大小变化时仍然保持居中，可以使用 JavaScript 监听窗口大小变化事件，然后动态地修改盒子的位置。