html - Outlook 在 HTML 电子邮件中添加空间

Question

我知道这是一个常见问题，我四处寻找解决方案。我遇到的一切，我都试过了。如果我还有头发，我会把它拔掉。

我有一张包含一系列要点的表格。此表格的问题在于，每当我创建新行时，Outlook 都会决定在每行下方添加额外的间距，使我的表格看起来比应有的大。

<style type="text/css">
  .ExternalClass table, .ExternalClass tr, .ExternalClass td {line-height: 100%;}
</style>

<table width="400" align="left" cellpadding="0" cellspacing="0" border="0">
  <tr style="margin:0px; padding:0px;">
    <td width="10" align="right" valign="top" style="border:none; margin:0px; padding:0px;">
      <p style="margin:0px; padding:0px;">
      &bull;
      </p>
    </td>
    <td width="380" align="left" valign="top" style="border:none; margin:0px; padding:0px;">
      <p style="margin:0px; padding:0px;">
      Info next to bullet
      </p>
    </td>
  </tr>
  <tr style="margin:0px; padding:0px;">
    <td width="10" align="right" valign="top" style="border:none; margin:0px; padding:0px;">
      <p style="margin:0px; padding:0px;">
      &bull;
      </p>
    </td>
    <td width="380" align="left" valign="top" style="border:none; margin:0px; padding:0px;">
      <p style="margin:0px; padding:0px;">
      Info next to bullet
      </p>
    </td>
  </tr>
</table>

我试过但没有用的东西:

边框折叠:折叠

显示: block

显示:内联 block

float :左

Answer 1

删除 <p>标签，邮件客户端并不总是尊重这些样式，它们会在之后自动添加额外的换行符。

您可以替换 <p>用<span>如果需要，如 <span>没有任何“免费”填充。