Question

我在两个包装表之间有一个水平空间（仅在某些客户端，例如outlook，2003,2007，gmail和其他一些客户端 - 在大多数客户端中都能正常工作） - 链接到图像：

http://jimharrison.co.uk/wp-content/uploads/2013/11/Untitled-1.jpg

我试过了：

边界：崩溃; - 显示：块; （在图像上） - valign =“top” - 删除标签之间的空白区域 - 重置表格边距，填充和边框（这使我的内容保持一致，所以大不了）

完全可能修复非常明显...... - 查看代码并发送电子邮件至处：

http://jimharrison.co.uk/wp-content/uploads/2013/11/index.html

Answer 1

将您的内容放入表格行，而不是堆积表格。您可以在这些表行中嵌套，只是尝试避免同一父元素中的多个表（在代码中彼此相邻）。

另外，在包含那些（现在嵌套的）表格的表格行的td上设置所需的bgcolor。

<table width="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#2f1d36">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your purple table
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td bgcolor="#d76118">
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>
            this is your orange table
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

设置父元素颜色始终是一种好习惯，因为当有人从Outlook转发电子邮件时，这样的扩展是不可避免的。设置颜色不会阻止出现间隙，但会隐藏所创建的白色（或任何颜色）条纹/间隙。

HTML电子邮件中包装表之间的水平间距 - 尝试了各种修复

1 个答案: