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

标签 html html-table html-email

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

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

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

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

最佳答案

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

关于html - 如何删除 HTML 电子邮件中两个表格之间的空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9998775/

相关文章:

html - 在不同分辨率下使用高度百分比

html - 在后续页面上打印带有自定义标题的 html 表格

php - 在偶数行中具有不均匀单元格元素的 HTML 表格 (colspan)

html - 让元素在跨客户端 HTML 电子邮件中重叠?

HTML 电子邮件显示垂直居中于图像响应的文本

html - 列表项之间的 Bootstrap 空间

html - 溢出 : auto is messing up the width of my window

javascript - GetElementById 返回未定义的值

div 内的 HTML 表格标题

css - 如何替换 HTML 表中样式化的 <p> 标签以便在 Outlook 中使用