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>

我试过的东西不起作用:

border-collapse:collapse

display:block

display:inline-block

float:left

Answer 1

删除<p>标签,邮件客户端并不总是尊重这些标签,他们会自动添加额外的换行符.

你可以<p>用一个<span>if需要替换,因为<span>没有任何'免费'填充.