html如何把一个盒子左右平均分为3等分

可以使用flex布局来实现把一个盒子左右平均分为3等分。

HTML代码：

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

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

.box {
  width: 30%;
  height: 100px;
  background-color: #ccc;
}

解释：

1. 将容器设置为flex布局，并使用justify-content属性设置为space-between，使得子元素之间平均分配空间。

2. 子元素设置宽度为30%，即可将一个盒子左右平均分为3等分。

注意：

如果盒子之间需要有间距，可以在.box中添加margin属性进行设置。