为什么 GMail 会忽略我在 HTML 电子邮件中的内联 <sup> 样式

Question

我制作 HTML 电子邮件，并且我了解不同的电子邮件客户端和浏览器具有不同的规则以不同的方式呈现代码。我一直无法弄清楚的一件事是为什么会忽略以下代码：

<sup style="vertical-align:baseline; position:relative; bottom:5px;">1,2</sup>

这是我经过多次反复试验得出的最佳解决方案，可以作为不弄乱不同客户端（尤其是讨厌的 IE7）的行高的最佳解决方案。它在除了 GMail 之外的所有内容中都可以工作并且看起来很棒，它只是位于基线上并忽略了bottom:5px。

我尝试在每种样式后添加!important，但仍然没有。

我也尝试将其设为一个类，但同样的结果。

任何想法为什么它忽略我的代码？

Answer 1

Gmail 在其网络界面中显示电子邮件时会去除“有趣”的 CSS 属性，例如 position。
这样做是为了防止电子邮件覆盖 Gmail 的 UI。

Here 是受支持属性的列表。

Answer 2

许多邮件客户端会删除任何标签或样式，这些标签或样式可能会导致邮件脱离其容器并开始干扰邮件界面本身。