您可以在此处查看示例:http://jsfiddle.net/8EHED/8/
这是一个棘手的问题,因为我被迫使用两个表,因为两个表的每一行都没有匹配的单元格(否则,这将是一个表)。
每个表有4列,但单元格的宽度从一行到下一行不匹配。然而,遗憾的是,堆叠的表格之间的空间很小,当我将此示例作为新电子邮件粘贴到Thunderbird并将其发送到Gmail时,显而易见。 Gmail,Hotmail和Outlook 2010显示了这个小空间。
有没有办法强制这两个表堆叠在它们之间的非空格中,以便它像一个大图像一样呈现并在Gmail等中正确显示?
答案 0 :(得分:8)
它实际上不是你的桌子的风格问题,而是你的图像。您需要将style="display: block;"
放在所有图像上,否则它们会内联呈现并导致类似的小布局问题(在电子邮件中)
答案 1 :(得分:0)
table {margin:0;display:block}