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

时间:2013-07-25 14:04:04

标签: html css gmail html-email inline-styles

我制作HTML电子邮件,我了解不同的电子邮件客户端和浏览器有不同的规则,以不同的方式呈现代码。我从未弄清楚的一件事是为什么忽略以下代码:

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

这是我通过大量试验和错误提出的最佳解决方案,可以避免不同客户端的线路高度,尤其是讨厌的IE7。除了GMail之外,它的工作和看起来都很棒,它只是位于基线上而忽略了bottom:5px

我尝试在每种风格后添加!important,但仍然没有。

我也试过把它变成一个类,但同样的结果也是如此。

为什么忽略我的代码?

2 个答案:

答案 0 :(得分:2)

Gmail在其网络界面中发送电子邮件时会删除“{有趣”的CSS属性,例如position 这样做是为了防止电子邮件覆盖Gmail的用户界面。

Here是受支持的属性列表。

答案 1 :(得分:0)

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