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个像素的空白区域。 发生在电子邮件中的其他图像,但其余的工作正常。 无论多less次我比较表,它不会工作。
思考?
我最近遇到了这个问题。 我们发现的代码效果最好(阅读:大多数邮件客户端看起来是一致的)如下:
<img src="###" style="display: block;" />
只需将display:block添加到每个图像并修复问题。
在回答我自己的问题(如果别人有类似的问题),我终于find了问题(或解决scheme)。
我添加了一个style="float: left"
的图像本身,它神奇地修复它。 另外,如果在所有图像上使用“display:block”,使用“display:block”往往会有相似的结果,但是float在其他地方的工作完全正常时似乎清除了专门为GMail设置的空间。
Gmail可以在任何表格(包括嵌套表格)周围添加空格。
尽pipe将以下内容作为内联样式添加到表中,但删除了空白区域:
style="font-size:0.0em;" ...
有同样的问题,我在下面添加
style="line-height:1px;"
在上面的td标签。
在我的文件列表中的HTML模板。
在图像上使用display:block
可以减less图像单元之间的空间,但不会消除所有间隙。
在父表( <table border="0" cellpadding="0" cellspacing="0">
)上添加不赞成的cellpadding / cellspacing属性,那么最后的空白也不见了。
我有同样的问题,做了所有上述风格的select,但没有任何工作。 我把桌子的高度缩短了一些,并把所有的间距都去掉了。