html怎么把div盒子居浏览器正中间

可以使用CSS来将一个div盒子居中。下面是两种方法：

1. 使用Flexbox布局

可以使用Flexbox布局来将一个div盒子居中。需要在父元素上设置display: flex;和justify-content: center;align-items:center;属性。

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.box {
  width: 200px;
  height: 200px;
  background-color: #f5f5f5;
}
</style>

<div class="container">
  <div class="box"></div>
</div>

2. 使用position属性

可以使用position属性来将一个div盒子居中。需要在父元素上设置position: relative;属性，然后在子元素上设置position: absolute;和top: 50%;left: 50%;transform: translate(-50%, -50%);属性。

<style>
.container {
  position: relative;
  height: 100vh;
}
.box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background-color: #f5f5f5;
}
</style>

<div class="container">
  <div class="box"></div>
</div>