把一个div平等分成3份

可以使用CSS的flexbox布局来实现将一个div平等分成3份。具体实现方法如下：

HTML代码：

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

CSS代码：

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

.item {
  flex: 1;
}

解释如下：
1. 将包含三个子元素的父元素设为flex容器，这样子元素就可以利用flexbox布局进行排列。
2. 使用justify-content属性设置子元素在主轴上的对齐方式为space-between，这样子元素之间的空间就会平均分配。
3. 将子元素的flex属性设置为1，使它们在剩余空间上平均分配宽度，从而实现平均分成3份的效果。