在电子邮件中创建HTML表时,如何在一行的上方而不是在所有行的上方添加空间?

问题描述 投票:0回答:1

在电子邮件中创建HTML表时,如何在一行的上方而不是在所有行的上方添加空间?

示例:我有一个两列宽的表。在表的下半部分,我通过使一个单元格合并两列来插入某种“子标头”。在此行的上方,我想拥有更多的空间,但我不想像在CSS中那样将其应用于所有行。

有什么建议吗?

css html-table html-email
1个回答
0
投票

您的代码无论如何都应该是内联的,因为许多电子邮件客户端不会读取嵌入式样式(<style>...</style>中的代码)。

即,如@David在评论中所说,

<table>
  <tr>
    <td>...
    </td>
    <td>...
    </td>
  </tr>
  <tr>
    <td style="padding-top:30px">Sub-header
    </td>
  </tr>
</table>

您不能使用保证金,因为Outlook桌面不允许使用。

一种可能适合您的替代方法是人造表行,并在特定高度设置不间断空格(两个参数都具有跨电子邮件兼容性的必要条件:]]]

<tr>
  <td style="font-size:30px;line-height:30px;">&nbsp;
  </td>
</tr>
© www.soinside.com 2019 - 2024. All rights reserved.