html - 用 html 电子邮件中的上标去除空格

Question

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

代码是

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

我没有使用<sup></sup>标签，因为它在行高上也留下了很大的差距。

有解决办法吗。我知道position:relative在前景中表现不佳。什么是其他选择？

score 2 · Accepted Answer

我在jsFiddle中做了一些实验，我认为您将能够使用：

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

在Firefox中，它不会增加行之间的间隙

score 1 · Accepted Answer

1

我通过增加line-height包含段落的<p>

于 2012-06-04T13:46:30.070 回答

score 0 · Accepted Answer

Outlook 在应用上标时填充行高。一种解决方法（需要注意！）是执行以下操作：应用

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

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

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

在包装上标的 span 标签中。

3 回答 3