gmail客户端的html电子邮件中表之间的额外空白区域

Question

我的代码是

问题是在gmail中它在同一个单元格中的两个表之间留下了额外的空白区域.我试过了display:block; margin:0; padding:0; line-height:0;

然而,它似乎并没有消失.

在此输入图像描述

有没有解决这个问题？

Answer 1

在图像标记中使用style ="display:block"应该有效.此外,如果您正在使用它,请不要忘记将其添加到间隔图像中.

Answer 2

样式化HTML邮件非常糟糕.

一些提示:

border-spacing:0; /*this should fix the spacing problem*/

您需要将此应用于您正在使用的所有表,因此您应将其包含在<style>顶部的块中,如下所示:

<head>
  <style>
    table {border-spacing: 0;}
  </style>
</head>

(抱歉格式错误,不知何故代码拒绝在多行上正确显示)

gmail客户端的html电子邮件中表之间​​的额外空白区域