Question

我知道这匹马刚刚被打死了..但我有一个Gmail桌面间距问题，今天早上只是让我感到难过。

<td valign="top">
        <img src="###/enewsletter_layout_v3_18.jpg" alt="" />
        <table cellpadding="0" cellspacing="0" style="background: #000; width: 700px; margin: 0 0 0 8px; text-align: center; color: #fff;">
            <tr>
                <td valign="top" style="background: #890000; height: 50px; padding: 10px 15px; font-size: 24px; font-weight: bold;">
                New Patient Special Offer <br/>
                Save $$$
                </td>                   
            </tr>
            <tr>
                <td valign="top" style="background: #000; height: 50px; padding: 5px 15px 15px 15px;">
                    <h1 style="font-size: 24px; font-weight: bold;">Do you have a question?</h1>
                    If you have read anything in this newsletter and have any questions or would like to 
                    discuss further, please contact <br/>
                    The Centre at (555) 555-5555 
                </td>                   
            </tr>           
        </table>

    </td>

无论我做什么，表格中的第一张图片（layout_v3_18）始终下面都有间距。 Gmail中约有2-3个像素的空白区域。发生在电子邮件中的其他几个图像，但其余的工作正常。无论我比较多少次表，它都行不通。

思想？

Answer 1

我最近经常遇到这个问题。我们发现最有效的代码（读取：在大多数邮件客户端中看起来一致）如下：

<img src="###" style="display: block;" />

只需将display：block添加到每个图像中即可解决问题。

Answer 2

在回答我自己的问题时（如果其他人有类似的问题），我终于找到了问题（或者反正的解决方案）。

我在图像本身添加了一个style="float: left"，它神奇地修复了它。或者，如果在所有图像上使用“display：block”，则使用“display：block”会产生类似的结果，但是当它在其他地方工作时，浮动似乎特别清除了GMail的间距。

Answer 3

Gmail可以在任何表格周围添加空白区域，包括嵌套表格。

虽然有点黑客将以下内容添加为表格的内联样式会删除空格：

style="font-size:0.0em;" ...

Answer 4

出现同样的问题，我在下面加了

  style="line-height:1px;"

在上面的td标签中。

在我的文件列表中的html模板中。

Answer 5

在图像上使用display:block减少了图像单元格之间的空间，但没有消除所有间隙。

在父表（<table border="0" cellpadding="0" cellspacing="0">）上添加已弃用的cellpadding / cellspacing属性，这些最后的差距也消失了。

Answer 6

我遇到了同样的问题并完成了上述所有样式选项，但没有任何效果。我把桌子的高度缩短了，它去掉了所有的间距。

Gmail电子邮件表间距

6 个答案: