14

我的代码在

http://jsfiddle.net/user1212/G86KE/4/

问题出在 gmail 中，它在同一个单元格内的 2 个表格之间留下了额外的空白。我试过了display:block; margin:0; padding:0; line-height:0;

但是，它似乎并没有消失。

在此处输入图像描述

有解决办法吗？

4

9 回答 9

14

在图像标签中使用 style="display:block" 应该可以。另外，如果您正在使用它，请不要忘记将其添加到间隔图像中。

于 2013-08-07T21:20:04.117 回答
5

样式化 HTML 邮件是可怕的。

一些提示：

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

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

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

（抱歉格式错误，不知何故代码拒绝在多行上正确显示）

于 2012-07-27T16:52:41.603 回答
2

我知道这不是您可能正在寻找的，但是，...
松开间隔 (spacer.gif)，为了松开响应式电子邮件图像中的大空间，每行必须嵌入一个单元格，而不是显示所有图像都被阻止了。
希望它有所帮助，这是我在我的案例中使用的解决方案。
每行一个单元格：

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="image.jpg" width="600" height="300" />
        </td>
    </tr>
</table>
于 2015-05-20T08:10:50.210 回答
2

只需添加style="line-height:50%"到<table>. 您会注意到，如果您的邮件中有文本，这将影响文本行高。要解决此问题，您必须style="line-height:100%"在<td>with 文本中添加：

于 2015-12-08T08:39:35.083 回答
2

所以我知道这可能看起来有点疯狂，但我遇到了完全相同的问题，结果是我的代码中的 brs。是的，我通过嵌套我的 tds 来格式化我的 HTML 的事实导致 gmail 在里面添加了带有 br 标签的新 tds。

我花了一些时间才意识到我们正在将电子邮件页眉和页脚代码转换为文本，然后再将其附加到我们的电子邮件中。

如果您使用类似的方法，我建议“缩小”您的 HTML。

代替：

<table>
    <tr>
        <td>
            Content
        </td>
    </tr>
</table>

尝试：

<table><tr><td>Content</td></tr></table>

尽管看起来很可怕。

于 2017-03-20T18:38:55.380 回答
1

display:block对我的正文和页脚之间的间隙问题很有用，但它对我的页眉没有任何作用；其他修复也没有。我知道这是一个旧线程，但如果有人偶然发现它并且上面没有帮助，这对我来说是这样的：

添加style="line-height:1px; font-size:0.0em;"到<td>包含您的标题表的标签。

您可能必须尝试几个不同的标签才能找到正确的标签，但这是另一种尝试的解决方案。

于 2013-10-17T19:06:52.027 回答
0

好吧，我注意到标题和正文的内容实际上是另一个单元格中的表格。为什么不尝试将标题和正文分开并将它们移动到分开的行上？

像这样的东西：

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
       <!-- Header table -->
    </td>
  </tr>

  <tr>
    <td>
       <!-- Body table -->
    </td>
  </tr>
</table>

另外，只是一个提示，不要使用<center>标签来居中。如果您在表格单元格中，只需使用align="center". 这也适用于整个表格，因此为了使表格居中，只需将align属性设置为center.

于 2012-08-01T07:00:15.653 回答
0

除了添加display:block到您的img还添加cellpadding="0" cellspacing="0" border="0"到您的table（重要：不要忘记将其应用于您的包装table）

干杯

于 2016-07-28T12:19:11.423 回答
-2

只需添加

table{ 
font-size:0em;
border-collapse: collapse;
}

它会解决你的问题

于 2014-03-25T11:59:07.233 回答