用于gmail客户端的html电子邮件中表格之间的额外空白
我的密码在 问题在于gmail在同一单元格内的两个表之间留有额外的空白。 我尝试了用于gmail客户端的html电子邮件中表格之间的额外空白,html,css,html-email,Html,Css,Html Email,我的密码在 问题在于gmail在同一单元格内的两个表之间留有额外的空白。 我尝试了display:block；保证金：0；填充：0；线高：0 然而，它似乎并没有消失 有解决办法吗？设置HTML邮件的样式很可怕 以下是一些提示： 边框间距：0/*这将解决间距问题*/ 您需要将其应用于正在使用的所有表，因此应将其包含在顶部的块中，如下所示： <head> <style> table {border-spacing: 0;} </style> &
display:block；保证金：0；填充：0；线高：0
然而，它似乎并没有消失
有解决办法吗？设置HTML邮件的样式很可怕
以下是一些提示：
边框间距：0/*这将解决间距问题*/
您需要将其应用于正在使用的所有表，因此应将其包含在顶部的
块中，如下所示：
<head>
<style>
table {border-spacing: 0;}
</style>
</head>
表{边框间距：0；}
（很抱歉格式不好，不知何故代码拒绝在多行上正确显示）好吧，我注意到标题和正文的内容实际上是另一个单元格中的表。为什么不尝试将标题和正文分开，并将它们移动到分开的行上
大概是这样的：
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!-- Header table -->
</td>
</tr>
<tr>
<td>
<!-- Body table -->
</td>
</tr>
</table>
另外，请注意，不要使用
标记来居中放置东西。如果您在表格单元格中，只需使用align=“center”
。这也适用于整个表格，因此为了使表格居中，只需使用图像标记中的style=“display:block”将align
属性设置为center
。另外，如果您正在使用间隔图像，请不要忘记将其添加到间隔图像中 display:block
对我的身体和页脚之间的间隙问题非常有效，但对我的页眉没有任何作用；其他修复也没有。我知道这是一条古老的线索，但如果有人无意中发现了它，而上面的内容没有帮助，这条线索就是为了我：
将style=“行高：1px；字体大小：0.0em；”
添加到包含标题表的
标记中
您可能需要尝试几个不同的标签才能找到正确的标签，但这是另一个可以尝试的解决方案。只需添加
table{
font-size:0em;
border-collapse: collapse;
}
它会解决你的问题我知道这不是你想要的，但是，…
松开间隔符（spacer.gif），为了松开响应电子邮件中的大空格，必须将图像嵌入每行一个单元格中，这样所有图像都会被块化显示。
希望有帮助，这是我在案例中使用的解决方案。
每行一个单元格：
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="image.jpg" width="600" height="300" />
</td>
</tr>
</table>
只需将style=“行高：50%”
添加到
上即可。您会注意到，如果邮件中有文本，这将影响文本行高度。要解决此问题，您必须将：style=“line height:100%”添加到带有文本的
中。除了将显示：块添加到您的img
中之外，还要将单元格填充=“0”单元格间距=“0”边框=“0”
添加到表中
（重要提示：不要忘记将其应用于包装表
）
干杯所以我知道这看起来有点疯狂，但我遇到了完全相同的问题，结果是我的代码中有brs。是的，我通过嵌套tds格式化HTML的事实导致gmail添加了带有br标记的新tds
我花了很长时间才意识到，我们正在将电子邮件页眉和页脚代码转换为文本，然后再将其添加到电子邮件中
如果您使用类似的方法，我建议“缩小”您的HTML
而不是：
<table>
<tr>
<td>
Content
</td>
</tr>
</table>
内容
尝试：
内容
看起来很可怕。一个屏幕截图会很有帮助。你能把完整的代码和图片一起发布吗（例如，让图片路径绝对化）？您是否也尝试过在样式中添加“边框间距：0；”？希望这样做。很抱歉延迟。更新的JSFIDLE代码和图像的边框间距为：0；无助于删除同一单元格内两个表之间的空格。在我的情况下，它无法修复空格：（您是否在单元格上使用了填充或边距？这也可能是问题所在。基本上，尽量缩小问题的范围-只需使用一个简单的表格（样式最少）然后看看你是否可以修复它，然后递增，看看问题出在哪里。你不能在头部使用样式标记，它只适用于一些电子邮件。为什么不使用
标记呢？有些客户端并不是真的渲染它。我指的是基于webkit的客户端（主要是iOS）。这是基于我的经验，所以我可能错了。另外，
最好用于文本而不是元素。对于CSS，边距：0自动；文本对齐：居中，然后用于HTML，对齐=“居中”
然后使用进一步的中心对齐修复程序进行DIV和Center wrap。这确保了它的工作。W3验证对于许多网站来说不再重要了-它是一个指导原则。Divs？！在HTML电子邮件中？不确定您是否真的研究了HTML编码的这一部分。我们使用Divs，如果设备、电子邮件客户端或浏览器不支持，用户会退回到o表编码。我们的电子邮件具有无表规则、语义标记和响应查询的复杂性。因此，我们获得了所有客户机和设备-尽可能多。当设计一些PSD要求时，电子邮件通常是一项复杂的任务。总有黑客、ifs和循环-在7年的经验中，没有一种简单的方法或多或少的时间ence son。谢谢Hannah。这一个对我有用。为所有受影响的图像添加样式标记。用户询问没有图像的表格中的空格。在这种情况下，这不是可接受的答案。即使表格中没有文本，这在gmail中也可能是一个问题。我花了几天时间试图找出问题所在，然后行-高度
就是这样。+1这是我的答案。+1我看到gmail将phantom和其中的空添加到表格中。我发现了这条评论，并尝试“缩小”我的HTML，效果非常好！我很高兴它起作用了！我通常回答2-4年前的问题，所以我的解决方案很少出现
<table><tr><td>Content</td></tr></table>