GMail 的问题 - 用不需要的 PRE 标记包装 Html 电子邮件答案

【问题标题】：Issue with GMail - Wrapping up Html email with unwanted PRE tagGMail 的问题 - 用不需要的 PRE 标记包装 Html 电子邮件
【发布时间】：2015-03-28 10:17:28
【问题描述】：

我正在尝试向 GMail 发送 HTML 电子邮件。但是 GMail 在内部用 pre 标记包装了我的电子邮件的 Html。

例如：我的电子邮件包含以下 html

<html>
<body>
    <table>
        <tr>
            <td> TEST 1 </td>
        <tr> 
    </table>
    <table>
        <tr>
            <td> TEST 2 </td>
        <tr> 
    </table>

</body>

但 Gmail 以不同的方式翻译此 html，如下所示

<pre><table>
        <tr>
        <td> TEST 1 </td>
    <tr> 
</table>
<table>
    <tr>
        <td> TEST 2 </td>
    <tr> 
</table></pre>

谁能帮帮我，这个 PRE 标签是如何添加到 GMail 中的？
这个 pre 标签的问题是它有一些来自 gmail 的样式，这些样式破坏了我的电子邮件的外观和感觉。下面是 CSS。

.gs pre {
  white-space: pre-wrap;
}

另外，有没有办法覆盖上面的 CSS 以将“white-space”的值更改为“initial”而不是“pre-wrap”？如果可以，我的问题将得到解决。

非常感谢对我上述疑问的任何帮助。

【问题讨论】：

这不正确，Gmail 不会将table 包装成pre。

标签： gmail html-email pre

【解决方案1】：

@RDE，你完全正确。 Gmail 不包装 PRE 标记。

我也只是想出了问题和解决方案。

问题我使用 Adobe CQ（内容管理工具）发送电子邮件。在发送电子邮件时，我的整个 HTML 都被 PRE 标签包裹起来。这很可能是由于发送电子邮件的 Adobe CQ Mail API。我在所有电子邮件客户端中都出现了问题。

解决方案 我已经将 PRE 标记包装在整个 html 之外，样式为“white-space:initial”。当 CQ 生成电子邮件时，我现在得到两个 pre 标签，一个来自 CQ 的（外部 PRE 标记）和另一个用于包装我的 HTML 的（内部 PRE 标记）。内部 PRE 标签优先于外部标签，并覆盖导致问题的样式。添加代码以获得更好的清晰度

<pre style="white-space:initial"> 
Your hTML that goes through CQ
</pre>...

现在，一旦您通过 CQ 发送电子邮件，您的最终 html 将是这样的

<pre>
    <pre style="white-space:initial">
        Your hTML that goes through CQ
    </pre>
</pre>

【讨论】：

谢谢！我今天也遇到了同样的问题！
难以置信，但这实际上解决了我的问题，我在 Outlook 桌面 Web 应用程序中的情况完全不同。我的电子邮件不包含表格容器内的段落文本。够时髦的，我发现它有一个
```
 标签，如果我删除它，它会正确地包装所有东西。所以我添加了第二个 pre 到它，并且繁荣，它工作，非常感谢！
```