如何解决Outlook 到 Gmail 的间距问题
我正在尝试整理一些电子邮件签名,但在从 Outlook 发送到 Gmail 时遇到了问题。将签名从 gmail 发送到 Outlook 看起来不错 - 并且签名在 Outlook 客户端中看起来不错。但是,一旦电子邮件从 Outlook 发送到 gmail,它就会增加间距并使事情变得有些混乱。我做了一些研究并尝试实施修复,但到目前为止还没有运气。
Here is the email displaying correctly in outlook: 和 here it is displaying incorrectly once recieved by gmail
奇怪的是,从 gmail 发送时它工作正常,所以在从 Outlook > gmail 发送的过程中一定会发生一些事情。任何提示将非常感谢!我知道我的代码不是很好,只是一个平面设计师通过电子邮件样式与我作斗争!
更新:似乎是 gmail 中的这段代码有问题,有什么办法可以覆盖它吗?IMAGE
代码如下:
<head>
<style>
span,p,td,tr {color:#24406d; line-height: 90%;mso-line-height: taro-papo; font-family: Helvetica,Arial,sans-serif;}
</style>
</head>
<html>
<body>
<table bgcolor="#ffffff" style="width: 320px; background: white;">
<tr><td><hr></td></tr>
<td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td></tr>
<tr><td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td></tr>
<tr><td><hr></td></tr>
<tr><td><span style="font-weight: 600;">P.</span> <span>07 1111 1111</span></td></tr>
<tr><td><span style="font-weight: 600;">M.</span> <span>0401 111 111</span></td></tr>
<tr><td><span style="font-weight: 600;">E.</span> <span>test@venetablinds.com.au</td></tr>
<tr><td><span style="font-weight: 600;">A.</span> <span>13/14 Argyle St,Albion QLD 4010</td></tr>
<tr><td><span style="font-weight: 600;">W.</span> <span>www.venetablinds.com.au</p></td></tr>
<tr><td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px"></tr>
<tr><td><span style="white-space: nowrap;">
<a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a>
<a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a>
<a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a></td></span></tr>
</span>
</table>
</body>
</html>
解决方法
你能看看下面的代码吗?希望它对你有用。您必须在 cellpadding="0"
中提供 cellspacing="0"
和 table
,我们已更改您的 HTML 结构以获得所需的输出。
请参考此链接:https://jsfiddle.net/yudizsolutions/rhL0p7nw/3/
<html>
<head>
<style>
span,p,td,tr {
color: #24406d;
line-height: 90%;
mso-line-height: taro-papo;
font-family: Helvetica,Arial,sans-serif;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="width: 320px; background: white;">
<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td>
</tr>
<tr>
<td>
<hr>
</td>
</tr>
<tr>
<td><span style="font-weight: 600;">P.</span> <span>07 1111 1111</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><span style="font-weight: 600;">M.</span> <span>0401 111 111</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><span style="font-weight: 600;">E.</span> <span>test@venetablinds.com.au</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><span style="font-weight: 600;">A.</span> <span>13/14 Argyle St,Albion QLD 4010</span></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><span style="font-weight: 600;">W.</span> <span>www.venetablinds.com.au</span></p>
</td>
</tr>
<tr>
<td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px">
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td>
<a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a>
<a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a>
<a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a>
</td>
</tr>
</table>
</body>
</html>
请检查结果图像:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。