css - 现在 Outlook 和 Outlook.com 为单元格内的段落添加边距!如何避免？

Question

今天我使用 outlook.com 测试电子邮件和电子邮件签名，当我从 Outlook 2007 发送时，我发现它们都在表格单元格的内容周围添加了通常不需要的段落和 msoNormal 类。

给愚蠢的 13.5pt 行高和其他段落 14pt 底部边距。

我确实解决了行高问题，但我仍然在 outlook.com 上收到它，底部边距 (14pt) 内部有跨度或只有文本.. 是否有样式，而它在所有其他邮件提供商/客户端上都很好。

测试HTML

<table border="0" cellspacing="0" cellpadding="0" width="100%">
   <tr>
      <td width="80" style="height:13px;">data</td>
      <td style="height:13px;">data</td>
   </tr>
   <tr>
      <td width="80" style="height:13px;">data</td>
      <td style="height:13px;">data</td>
   </tr>
   <tr>
      <td width="80" style="height:13px;">data</td>
      <td style="height:13px;">data</td>
   </tr>
</table>

截图

下面是关于有和没有样式问题的几个截图:

没有任何类型的样式

下面是它应该如何以及它在 Gmail 上的显示方式，同时它也是从 Outlook 2007 发送的

Answer 1

无法避免转发到 Gmail 时出现 Outlook msoNormal 问题。这是一个 interesting article关于这个话题。

虽然有一些方法可以限制它的影响。表之间创建的间隙大于表行之间创建的间隙。当你有行时，你已经体验到了较小的。

最简单的解决方法是使用 <br> 将您的行合并为一行分隔文本行。

例子:

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="100">
address<br>
phone<br>
fax
    </td>
    <td width="500">
: your address<br>
: your phone<br>
: your fax
    </td>
  </tr>
</table>

这也可能与min <td>有关高度。 Outlook 的最小高度为 19 像素，因此任何更小的东西都会产生不需要的垂直空间。有一些行高问题，您也可以尝试解决这个问题。