如何摆脱电子邮件发送者的 MsoNormal 类

Question

嗨，朋友们，我在尝试创建电子邮件时遇到困难......我设计了一个电子邮件，然后将该设计剪裁成 HTML 并使用 office 2007 将该电子邮件发送到我的 gmail...当我在我的 gmail 中检查电子邮件时，我得到了这个

调试后显示空格，我发现<p class="MsoNormal">每个<tr>. 要重置它，我还应用了以下样式，但它不起作用......请帮助我

CSS

body {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
html {width: 100%;} 
body {width:100% !important;}
.ReadMsgBody, .ExternalClass {width:100%; display:block !important;}
table td {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;} 
#backgroundTable {margin:0; padding:0; width:100% !important;} 
p.MsoNormal {margin: 0px}
img{display:block;}

Answer 1

您可以尝试的一个技巧（在大多数情况下有效）是将此样式添加到图像所在的每个 td

<td style="line-height: 25%">

如果这不起作用，请尝试将其应用于您的<tr>（老实说，我不知道它是如何工作的，只是在某些情况下有效）

Answer 2

从 Outlook 发送时，无法阻止 msoNormal 标记。您可以在许多客户端中隐藏效果，但由于 Gmail 需要内联 CSS（去除样式标签），因此在 Gmail 中这是无法避免的。这是有关该主题的相关文章

然而，您可以通过多种方式围绕它进行设计。例如，您可以使用一张大的（未剪切的）背景图像并将所有内容放在前面。