现在 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

没有办法避免 Outlook msoNormal 转发到 Gmail 的间隙。这是关于该主题的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>

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