标签: 白条,在html电子邮件差距,电子邮件布局,电子邮件通讯故障排除,在gmail中的差距

HTML 小技巧:如何清除 HTML 邮件中的白色横条

超越自己/我们 • 2011.05.18

在使用 HTML 语法编辑电子报时,你需要特别注意到,市面上的各个电子邮件客户端,每一个处理图片的方式都有些许不同;如果你使用 Hotmail、Gmail 或 Outlook,你可能会发现有一或数个影像间出现白色横条,这个问题似乎也发生在 Firefox、Safari、Opera 和 Chrome 的使用者身上〈 IE 则无此问题〉。 对于 Hotmail 的使用者而言,只需将下列原始码放到 HTML 原始码的最上方就可以修正这个问题: <style>img {display:block}</style> 如果你是使用Gmail,则每个图像文件都需要额外的原始码,在每个图片的HTML语法中,加入下列字符串: <img style=\"display:block\" src=\"exampleimage.jpg\" alt=\"example\" /> Google 在 2010 年中改变了显示影像的方式,从那个时候开始这些空行的问题就持续出现,所以请确定仔细检查过你在这个期间内使用过的所有邮件模板,并寄送测试邮件到不同的电子邮件客户端,使用不同的浏览器和计算机开启邮件,以确保你的电子报可以正确显示。 如欲了解其他浏览器的浏览效果,请点选「如何测试电子报的呈现结果」


浏览更多