html 导航栏多个a标签居中显示，且间距相同

你可以将这些 `<a>` 标签放在一个父元素中，然后利用 CSS 的 flex 布局来实现居中显示以及间距相同的效果。具体实现步骤如下：

1. HTML 结构

<nav>
  <a href="#">导航1</a>
  <a href="#">导航2</a>
  <a href="#">导航3</a>
  <a href="#">导航4</a>
</nav>

2. CSS 样式

nav {
  display: flex;
  justify-content: center; /* 水平居中 */
}

nav a {
  display: inline-block;
  padding: 10px;
  margin: 0 10px; /* 左右间距为10px */
  text-decoration: none;
  color: #333;
}

这样就可以实现导航栏多个 `<a>` 标签居中显示，且间距相同的效果。