Html 如何在CSS中居中对齐链接？

如何在CSS中居中对齐链接列表

这类似于此问题：，只是使用链接而不是文本。当我使用链接而不是文本时，答案（）中的小提琴不起作用

他们就是这样在上面的小提琴中演奏的：

.center-justified {
margin: 0 auto;
text-align: justify;
width: 30em;
}

这是我创作的小提琴：

---

正如您在上面的示例中所看到的，链接是不合理的。我想使单词“Second”向右对齐，以便与单词“Fifth”匹配。

如果不需要动态，可以将每个链接指向.center对齐容器内的左右浮动

比如：

---

如果您不需要是动态的，您可以将每个链接定位为在.center对齐的容器中左右浮动

比如：

---

如果您不需要是动态的，您可以将每个链接定位为在.center对齐的容器中左右浮动

比如：

---

如果您不需要是动态的，您可以将每个链接定位为在.center对齐的容器中左右浮动

比如：

---

我认为使用text align:justify不可能做到这一点，但可以使用flexbox执行类似的操作：

Html:

---

一定要检查flexbox的浏览器兼容性（这几天相当不错），看看它是否适合您的需要

我认为使用text align:justify不可能做到这一点，但可以使用flexbox执行类似的操作：

Html:

---

一定要检查flexbox的浏览器兼容性（这几天相当不错），看看它是否适合您的需要

我认为使用text align:justify不可能做到这一点，但可以使用flexbox执行类似的操作：

Html:

---

一定要检查flexbox的浏览器兼容性（这几天相当不错），看看它是否适合您的需要

我认为使用text align:justify不可能做到这一点，但可以使用flexbox执行类似的操作：

Html:

---

一定要检查flexbox的浏览器兼容性（这几天相当不错），看看它是否适合您的需要

我个人以前从未见过CSS这样做：/interest question？我个人以前从未见过CSS这样做：/interest question？我个人以前从未见过CSS这样做：/interest question？我个人以前从未见过CSS这样做：/interest question？谢谢！这就是我想要它做的。谢谢！这就是我想要它做的。谢谢！这就是我想要它做的。谢谢！这最终实现了我希望它实现的目标。

<div class="center-justified"><p>
<a href="1">First </a><a href="2">Second</a><br>
<a href="3">Third <a href="4">Fourth </a><a href="5">Fifth</a></p>
</div>

.center-justified a:nth-child(2n) {float:right}

<div class="center-justified">
    <div class="row">
        <a href="1">First </a><a href="2">Second</a>
    </div>
    <div class="row">
        <a href="3">Third <a href="4">Fourth </a><a href="5">Fifth</a>
    </div>
</div>

.center-justified {
    margin: 0 auto;
    width: 30em;
}
.row {
    display: flex;
    justify-content: space-between;
}
a {
    text-decoration: none;
}