Gmail电子邮件表格间距

我知道这匹马刚刚被击败了......但我有一个Gmail表格间距问题，这只是在今天早上将我绊倒。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个像素的空白区域。发生在电子邮件中的其他图像上，但其余的工作正常。无论我多少次比较表格，它都无法工作。

想法？

来源

2010-08-05 Craig Hooghiem

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

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

只需添加显示：块的每一个形象，它解决了这个问题。

来源

2011-03-13 00:22:12

这是正确的解决方案。 – mrbinky3000 2011-10-24 23:00:14

这应该是答案。 display：block对于跨电子邮件客户端，跨浏览器和移动本地体验来说要好得多，同时也发现了border-collapse：表格样式的崩溃也很好。 – TheBlackBenzKid 2012-03-29 11:42:45

伟大的解决方案！我一直在寻找这个修补程序！ – laarsk 2012-05-06 10:55:56

回答我自己的问题（如果别人有类似的问题），我终于找到了问题（或解决方案）。

我在图像本身添加了一个style="float: left"，它神奇地固定它。或者，如果在所有图像上使用“display：block”，使用“display：block”往往会得到相似的结果，但float在其他地方完全正常工作时似乎清除了专门用于GMail的间距。

来源

2010-08-05 16:11:21

优秀！正是我想要的 – Moak 2010-08-08 07:56:48

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

虽然一个黑客位加入以下作为内联样式表中的删除空格：

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

来源

2012-09-12 10:34:44

有同样的问题，我在下面一行

style="line-height:1px;"

在上面的td标签。

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

来源

2013-05-10 10:28:05 Twiggy

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

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

来源

2013-05-25 20:43:52 phils

我有同样的问题，做了所有上述风格的选项，但没有任何工作。我把桌子的高度缩短了一些，并且去掉了所有的间距。

来源

2015-03-20 16:43:00

这是如何构成答案的？这是一条评论。 – mccainz 2015-03-20 17:02:09

Gmail电子邮件表格间距

回答

相关问题