我正在使用这个分隔线进行电子邮件营销活动,我的朋友(Outlook客户端)正在分隔线下面添加额外的空间。有人能提出解决办法吗?
<table class="wrapper" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse: collapse;">
<tr>
<td align="center"><table class="container" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#fdfdfd" width="700" style="border-collapse: collapse;">
<tr>
<td align="left" class="px-sm-20"><table cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse: collapse;">
<tr>
<th width="50" align="center" class="hide-sm" style="font-size:1px; line-height: 1px;"> </th>
<th class="col" width="600" align="left" ><table class="full-width-sm" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse: collapse;">
<tr>
<td class="divider" style="padding-top: 5px; padding-bottom: 20px;"><div style="background: #5C5C5C; height: 1px; line-height: 1px;"></div></td>
</tr>
</table></th>
<th width="50" align="center" class="hide-sm" style="font-family: 'Ambit', Arial, sans-serif; font-size:16px; line-height: 20pt;"> </th>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
我有mso-line-height-rule: exactly;
Outlook for Windows有默认的font-size和line-height。
在div上,你处理的是行高而不是字体大小,所以你也需要font-size:1px
。