Question

上标在线高之间留下了很大的空间。

代码是

<span style="position:relative; bottom:0.2em; font-size: 0.8em">&reg;</span>

我没有使用<sup></sup>代码，因为它在行高方面也留下了很大的差距。

有解决方法吗？我知道position:relative在展望中表现不佳。除此之外还有什么替代方案？

Answer 1

我在jsFiddle做了一些实验，我想你可以使用：

<sup style="line-height: 0">&reg;</sup>

在Firefox中

它不会增加行之间的差距

Answer 2

我通过增加包含段落line-height

的<p>来解决此问题

Answer 3

Outlook应用上标时填充行高。一个修复（有警告！）是执行以下操作：申请

<style="mso-line-height-rule:exactly;">

到<td>如果单元格中的行高没有偏差 AND 没有使用图像。 !!!（这很重要，因为如果应用此功能，Outlook 2010将会切断图像）然后，应用

<span (or sup) style="font-size: (2px or more smaller than actual font size); line-height:0; vertical-align:3px;"

包含上标的span标记中的

。