怎么让div里的a水平居中显示？

要让 `<div>` 元素中的 `<a>` 水平居中显示，你可以使用以下的 CSS 方法：

HTML 结构：

<div class="container">
  <a href="#">链接</a>
</div>

CSS 样式：

.container {
  display: flex; /* 将容器设为弹性布局 */
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
  height: 100vh; /* 可根据需要设置容器高度 */
}

a {
  text-align: center; /* 水平居中文本 */
}

在上述示例中，我们将包含 `<a>` 元素的 `<div>` 容器设置为弹性布局，并使用 `justify-content: center` 将内容水平居中对齐，使用 `align-items: center` 将内容垂直居中对齐。然后，通过在 `<a>` 元素上设置 `text-align: center`，将链接文本水平居中。

这样设置后，`<a>` 元素将在其父容器中水平垂直居中显示。请根据实际情况调整容器的高度和其他样式属性。