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

【问题标题】：how to get rid of class MsoNormal from emailers如何摆脱电子邮件发送者的 MsoNormal 类
【发布时间】：2020-10-23 07:49:18
【问题描述】：

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

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

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;}

【问题讨论】：

Microsoft 产品总是在您的 html 中添加大量额外的垃圾。一个快速的解决方法是go to this page，删除编辑器中的所有内容，然后单击从 word 图标粘贴（并粘贴您的模板），然后在完成此操作后将内容从编辑器中复制回来应该摆脱所有多余的微软垃圾
您能否发布您的 html，乍一看，我以为您的图像缺少显示块，但您定义了它。将您的图像最小宽度设置为实际像素，让我知道这是否有效。

标签： html email ms-office

【解决方案1】：

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

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

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

【讨论】：

我不知道你到底是怎么想出来的，但是谢谢你......这终于结束了为期一天的解决方法。
似乎可以在桌面版 Gmail 中使用，但在 iOS Gmail 应用程序中仍然存在差距。这是在使用 Outlook 发送电子邮件时。
@ColinOakes 从 MS Outlook 发送到 Gmail（Android/iOS）时，您解决了这个问题吗？同样的事情发生在我身上：stackoverflow.com/questions/54615570/…
@JCdotNET 我认为我们没有找到解决这个问题的方法:(

【解决方案2】：

从 Outlook 发送时，无法阻止 msoNormal 标记。您可以在许多客户端中隐藏效果，但由于 Gmail 需要内联 CSS（去除样式标签），因此在 Gmail 中无法避免。这是related article on the topic

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

【讨论】：

【解决方案3】：

你把 display: block;每张图片？

例如：

<img src="YOUR.IMG.SRC" alt="" style="display: block; margin: 0; padding: 0;" border="0"/>

这对我有用。最困难的部分是删除 Outlook 上的 p.MsoNormal，但由于 Outlook 的最新版本仍然存在该错误，因此仍在弄清楚这一点。还有，放；在您键入的每种样式上。否则 CSS 会很乱。

【讨论】：

在 Gmail 上，添加：style="line-height: XXpx;" - XX = 图片的像素高度。

【解决方案4】：

我想我已经理解了原因：它的一些 Outlook 文档功能很有趣，它的标签和内存安全要求库等也很有趣。

简单的解决方案：

p:after {
   content: none;
}

【讨论】：