修复多个跨度的破坏<a>装饰

Question

所以我有

<a href="#">R<span class="superscript">5</span></a>

并且我的锚的下划线被打破(意味着R的下划线在基线处,并且5的下划线在R的中间 - 因为5很小),这是我不想要的.如何让锚点下划线为R和5下的一条连续线(在基线处)？

谢谢.

Answer 1

你应该使用<sup>标签.这对我来说很好:

<a href="#">R<sup>5</sup></a>

同

a { text-decoration: underline; }

我不知道你是如何实现上标但我会提到人们为什么不这样做的常见原因.他们认为它被弃用<b>(不是)或者它不是语义(它是).