我编写了一个简单的HTML电子邮件模板,该模板似乎可以在Outlook 2013中的所有电子邮件客户端中正常显示。我简化了代码以说明以下问题:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>K</title>
<style type="text/css">
table {border-collapse: collapse;}
</style>
</head>
<body style="margin:0; background-color:#70b9b9; -webkit-text-size-adjust:none;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td style="background:black;padding:0;"><img src="http://jl.evermight.net/outlook2013/pic.jpg" alt="" border="0" style="display:block; border:none;" /></td>
</tr>
</tbody></table>
</body>
</html>
此代码的问题在于,绿色和图像之间存在黑色间隙,我可以在此处显示该间隙:
那么,我如何摆脱这一空白呢?同样,这只是Outlook2013中的问题
您需要将图像中的填充和边距清零。即使可能是,您也应该至少设置图像的宽度width="100%"
。
这是我的基本图像设置:
<td>
<img alt="" src="" width="" height="" style="margin: 0; border: 0; padding: 0; display: block;">
</td>
此外,Outlook的单元格不足19像素时也会出现问题,因此请确保图像足够高。
其他不相关的注释:
<tbody>
它在HTML电子邮件中没有任何作用background:black;
为background-color:#000000;
,html电子邮件需要6位十六进制颜色本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句