Html 内联CSS在<；td>；在Gmail（Internet Explorer）和Yahoo（Windows）中

我正在构建HMTL电子邮件，并使用嵌套表来布局电子邮件。要更改文本，我将样式直接应用于标记，这在大多数情况下都适用。不过我注意到，在一些嵌套很重的表格（大于5）上，这种风格在Internet Explorer的Gmail和各种浏览器（PC）的Yahoo上被完全删除。下面是我的代码：

（此代码约5表深）

最新的

---

以前有没有人遇到过这种情况，或者知道他们为什么会取消这种风格？不仅是文本样式，而且这些标记上的填充也被删除

这不是一个直接的答案，所以我很抱歉，但是你不能用CSS代替HTML表格吗？您将能够获得我认为相同的结果？

这不是一个直接的答案，因此我很抱歉，但是您不能使用CSS而不是HTML表格吗？您将能够获得我认为相同的结果？

我自己从来没有遇到过这个问题，但众所周知，嵌套表太深会出现问题。我敢打赌，有一种更精确的方式来布局你的电子邮件，以避免这个问题。必要时不要害怕使用。如果愿意，可以发布代码。

我自己从来没有遇到过这个问题，但众所周知，嵌套表太深会有问题。我敢打赌，有一种更精确的方式来布局你的电子邮件，以避免这个问题。必要时不要害怕使用。如果您愿意，请发布您的代码。

我想我可能知道发生这种情况的原因。我看到过在使用带有引号的字体族时，内联CSS会出现问题。如果将字体系列移动到内联样式的末尾，它可能会起作用。见下文

<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding-bottom:10px; font-size:26px; color:#202020; font-family:'Century Gothic',Arial, Helvetica, sans-serif;">The Latest</td>
      </tr>
    </table>

最新的

我想我可能知道为什么会发生这种情况。我看到过在使用带有引号的字体族时，内联CSS会出现问题。如果将字体系列移动到内联样式的末尾，它可能会起作用。见下文

<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="padding-bottom:10px; font-size:26px; color:#202020; font-family:'Century Gothic',Arial, Helvetica, sans-serif;">The Latest</td>
      </tr>
    </table>

最新的

我刚刚测试了一封适用于Gmail的html电子邮件。 一般来说，我了解到当您声明

字体系列

时，Gmail倾向于去掉整个内联样式属性，这种行为有时发生在：

1） 当您使用

'

或

'

声明自定义字体时，es:

2） 如果在

；

、

、

和

：

字符之间不加空格，则在

字体系列

声明中

3） 每次您在同一

中使用

字体系列声明2
，Gmail都会删除第二个
规则

但我不知道一般规则是什么，所以我的解决方案是：始终在单独的标记中声明字体系列，至少这样不会丢失所有样式

例如：

<span style="color:#8d8c87;display:block;font-size:12px;line-height:120%;text-align:center">
    <span style="font-family:'Titillium Web',Arial,sans-serif;">text</span>
</span>


文本
我刚刚测试了一封适用于Gmail的html电子邮件。
一般来说，我了解到当您声明
字体系列
时，Gmail倾向于去掉整个内联样式属性，这种行为有时发生在：

1） 当您使用
'
或
'
声明自定义字体时，es:

2） 如果不在
之间加空格
、
、
和
：
字符，在
字体系列
声明中

3） 每次您在同一
中使用
字体系列声明2
，Gmail都会删除第二个
规则

但我不知道一般规则是什么，所以我的解决方案是：始终在单独的标记中声明字体系列，至少这样不会丢失所有样式

例如：

<span style="color:#8d8c87;display:block;font-size:12px;line-height:120%;text-align:center">
    <span style="font-family:'Titillium Web',Arial,sans-serif;">text</span>
</span>


文本
以防这对任何人都有用：我遇到了一个特定的
问题，它将所有内联CSS剥离。检查后，我发现声明的属性不正确，如下所示：

padding-bottom;

删除不正确的属性解决了问题

在我看来，Gmail以某种方式验证了每个元素的css，并在发现错误时将其全部剥离。
如果这对任何人都有用：我遇到了一个特定的
问题，该问题使所有内联css都被剥离。检查后，我发现声明的属性不正确，如下所示：

padding-bottom;

删除不正确的属性解决了问题

在我看来，Gmail以某种方式验证了每个元素的css，如果发现错误，就会将其全部删除。
明白了，谢谢。我和科尔斯潘相处得很好，但我觉得罗斯潘的生意不好。我来修补一下。非常感谢。我也不能发布我的代码，因为我正在为一个客户端构建它，现在我不能公开它。我看到的唯一问题是Outlook分页符，但这是一个普遍的问题。以下是使用colspansGotcha优化电子邮件的示例，以供参考。谢谢。我和科尔斯潘相处得很好，但我觉得罗斯潘的生意不好。我来修补一下。非常感谢。我也不能发布我的代码，因为我正在为一个客户端构建它，现在我不能公开它。我看到的唯一问题是Outlook分页符，但这是一个普遍的问题。作为参考，这里是一个使用ColSpan优化电子邮件的例子。我听说这会导致Outlook默认为Times New Roman-所以你发现它也会影响其他客户端，在字体声明之外的范围内？更多信息将是伟大的…这是非常有用的。感谢您花时间解释。我听说这会导致Outlook默认为Times New Roman，所以您发现它也会影响字体声明之外的其他客户端？更多信息将是伟大的…这是非常有用的。谢谢你花时间解释。不。有什么区别