如何让一个div中的三个元素并排排列并且中间间隔空隙相同

您可以使用CSS中的Flexbox布局来实现这个效果。具体步骤如下：

1. 将包含这三个元素的父级元素设置为display: flex;。

2. 设置父级元素的justify-content属性为space-between来让这三个元素左右分布，并且中间的间隙相等。

3. 给这三个元素设置一个相同的margin值来控制它们之间的间隔。

下面是一个示例代码：

HTML代码：

<div class="container">
  <div class="item">元素1</div>
  <div class="item">元素2</div>
  <div class="item">元素3</div>
</div>

CSS代码：

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

.item {
  margin: 0 10px;
}

您可以根据实际需求调整margin值来改变元素之间的间隔大小。