让下一级的三个div在上一级div保持相同间距中居中显示

可以使用Flexbox布局来实现下一级的三个div在上一级div保持相同间距中居中显示。

HTML代码如下：

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS代码如下：

.parent {
  display: flex;
  justify-content: center;
}

.child {
  width: 100px;
  height: 100px;
  background-color: red;
  margin: 10px;
}

在上述代码中，.parent使用display: flex;将其设置为Flex容器，然后使用justify-content: center;将子元素水平居中对齐。

.child是子元素的类，设置了宽度、高度、背景颜色和外边距。通过设置合适的外边距可以保持相同间距。

这样，下一级的三个div就会在上一级div保持相同间距中居中显示了