div a下的一个div b中的三个a标签相对div a 的宽度水平居中显示并且间距为10px

要实现 `div b` 中的三个 `<a>` 标签相对于 `div a` 的宽度水平居中显示，并且之间的间距为 10px，您可以使用 flexbox 布局。

HTML:

<div class="container">
  <div class="b">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

CSS:

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

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

.b a {
  margin: 0 5px;
}

首先，我们使用 flexbox 布局将 `div.container` 设置为一个 flex 容器，并使用 `justify-content: center` 将其中的内容水平居中对齐。

然后，我们将 `div.b` 也设置为一个 flex 容器，并使用 `justify-content: center` 将其中的内容水平居中对齐。

最后，通过给 `div.b a` 设置 `margin` 属性来设置相邻 `<a>` 标签之间的间距为 10px。

这样，`div.b` 中的三个 `<a>` 标签将相对于 `div.a` 的宽度水平居中显示，并且之间的间距为 10px。 您可以根据需要调整 `margin` 的值以获得所需的间距大小。