为什么GMail会忽略HTML电子邮件中的内联^样式

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的用户界面。

Here是受支持的属性列表。

Answer 2

许多邮件客户端删除任何可能允许邮件转义其容器的标记或样式，并开始弄乱邮件界面本身。