gmail客户端的html电子邮件中的表格之间的额外空白 [英] extra white space between tables in html email for gmail client

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

问题描述

我的代码位于

http: //jsfiddle.net/user1212/G86KE/4/



问题出在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电子邮件中的表格之间的额外空白的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆