减少outlook中tr元素之间的间距

时间:2017-04-08 08:38:54

标签: html css outlook html-email email-client

我有一个在大多数电子邮件客户端中都能很好地显示的电子邮件模板,只是它在Outlook中呈现的表格很差。 " tr"之间的间距太大。 Outlook桌面2016中表格的元素。请问我该如何解决这个问题? 附件是outlook桌面2016上的样子(即问题)以及它在outlook web中的外观(我想要的样子)的图像。

enter image description here enter image description here

整个源代码不能显示在stackoverflow中,所以我共享了一个HTML的dropbox链接。 https://www.dropbox.com/s/58i9scmnnmrqsix/EmailTemplate.zip?dl=0

谢谢。

1 个答案:

答案 0 :(得分:0)

Remove the font size for the coloured boxes and add the boxes as table with cells of different color and a specific height. You can use padding and align to center the tables in the parent cell.

OR

you can give the cell a line-height

<td style="font-size: 35px" align="right">
<span style="color:#275100; font-size:35px; padding-right:40px; line-height: 15px;">
&#9632;</span>
</td>

Cheers