如何删除HTML电子邮件中两个表之间的空格?

时间:2012-04-03 18:01:01

标签: html html-table html-email

您可以在此处查看示例:http://jsfiddle.net/8EHED/8/

这是一个棘手的问题,因为我被迫使用两个表,因为两个表的每一行都没有匹配的单元格(否则,这将是一个表)。

每个表有4列,但单元格的宽度从一行到下一行不匹配。然而,遗憾的是,堆叠的表格之间的空间很小,当我将此示例作为新电子邮件粘贴到Thunderbird并将其发送到Gmail时,显而易见。 Gmail,Hotmail和Outlook 2010显示了这个小空间。

有没有办法强制这两个表堆叠在它们之间的非空格中,以便它像一个大图像一样呈现并在Gmail等中正确显示?

2 个答案:

答案 0 :(得分:8)

它实际上不是你的桌子的风格问题,而是你的图像。您需要将style="display: block;"放在所有图像上,否则它们会内联呈现并导致类似的小布局问题(在电子邮件中)

答案 1 :(得分:0)

你试过这个吗? ​table {margin:0;display:block}​