Outlook 2010中行之间的额外间距

Question

我正在使用表来伪造我的HTML电子邮件中的项目符号列表。除了Outlook 2010之外，它在每个客户端看起来都很棒，它在每行之间增加了额外的空白区域：

表cellpadding和cellspacing设置为0，我尝试在每个表格行中明确设置line-height。

代码：

<table width="100%" style="table-layout: fixed; margin-bottom: 21px; border: none;" cellpadding="0" cellspacing="0">
  <tr>
    <td width="15" valign="top" style="border-collapse: collapse;">&bull;</td>
    <td width="485" valign="top" style="border-collapse: collapse;">Satisfy the PSD2 requirement for Strong Customer Authentication (SCA)</td>
  </tr>
  <tr>
    <td width="15" valign="top" style="border-collapse: collapse;">&bull;</td>
    <td width="485" valign="top" style="border-collapse: collapse;">Help you comply with GDPR and minimize the risk of potential penalties</td>
  </tr>
  <tr>
    <td width="15" valign="top" style="border-collapse: collapse;">&bull;</td>
    <td width="485" valign="top" style="border-collapse: collapse;">Reduce friction to improve your user experience</td>
  </tr>
</table>

Answer 1

问题是应用于父margin-bottom的{​​{1}}样式。 Outlook将该样式应用于子元素，因此每个td的下边距为table。删除底部边距并使用空白表格行伪造底部边距：

21px