一个盒子怎么才能垂直水平居中在浏览器页面

可以使用 CSS 的 `margin: 0 auto;` 和 `text-align: center;` 来实现。首先将盒子设置为块级元素，然后设置其宽度和高度，最后使用上述 CSS 属性让其在水平和垂直方向上居中。

代码示例:

<div id="box">内容</div>

#box {
  display: block;
  width: 50%;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}

这样就可以在浏览器页面上居中显示了。