gmail客户端的html电子邮件中的表格之间的额外空白 | gmail客户端的html电子邮件中的表格之间的额外空白

本文介绍了gmail客户端的html电子邮件中的表格之间的额外空白的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我的代码位于

问题出在gmail上，它在同一个单元格内的2个表格之间留下了额外的空白空间。
我试过 display：block;余量：0;填充：0; line-height：0;

然而，它似乎没有消失。

一个解决这个问题的方法？

解决方案

造型HTML邮件太可怕了。 $ b 一些提示：

border-spacing：0; / *这应该解决间距问题* /

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

< HEAD> < style> table {border-spacing：0;} < / style> < / head>
（抱歉格式不正确，代码拒绝在多行中正确显示） p>
My code is at
http://jsfiddle.net/user1212/G86KE/4/
The problem is in gmail it leaves an extra white space between 2 tables inside the same cell.I have tried display:block; margin:0; padding:0; line-height:0;
However , it does not seem to go away.
Is there a fix to this?
解决方案
Styling HTML mails is horrible.
A few tips:
border-spacing:0; /*this should fix the spacing problem*/
You need to apply this to all the tables you are using, so you should include it in a <style> block at the top like so:
<head> <style> table {border-spacing: 0;} </style> </head>
(sorry for the bad formatting, somehow the code refused to show up properly on multiple lines)

这篇关于gmail客户端的html电子邮件中的表格之间的额外空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！