html - 如何在html中为 anchor 标签执行对齐

Question

我在 body 标签中添加了 text-align:justify，

body {
  text-align:justify;
}

除了 anchor 链接外，所有的文本都是合理的。

有人可以向我推荐可以证明 anchor 合理性的类(class)吗？

Answer 1

要在单行(恰好也是最后一行)上触发 justify，您可以使用 text-align-last

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

body {
  text-align:justify;
  text-align-last:justify;
}

p, a {
  max-width:500px;
  text-align:justify;
  text-align-last:justify;
  
}
a {
  color:red;
  background:yellow;
}
body>a {
display:block;

}

<p>Pellentesque habitant morbi enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, <a>accumsan porttitor, facilisis luctus, metus</a></p>
<hr/>
<a>accumsan porttitor, facilisis luctus, metus</a>

尚不支持所有地方https://caniuse.com/css-text-align-last/embed/