a 标签中的内容,flex两端对齐
若你想要在 a 标签内的内容进行两端对齐,可以使用 CSS 的 flexbox 布局。假设 a 标签里有两个元素需要两端对齐,例如:
<a href="#" class="flex-container">
<div>Left Element</div>
<div>Right Element</div>
</a>
则你可以在 CSS 中这样设置:
.flex-container {
display: flex;
justify-content: space-between;
}
在这个例子中,display: flex;
设定了 .flex-container
(也就是 a 标签)为 flexbox 容器。而 justify-content: space-between;
则表示在两个子元素之间插入尽可能多的空间,从而使得他们能够在 .flex-container
内部两端对齐。