Question

我正在尝试制作一封HTML电子邮件，而我正在努力我遇到以下问题：

我有一个包含布局（切片中的图像及其链接）的photoshop文件，我用Fireworks打开然后导出为Html。当我在浏览器中打开Html文件（Firefox，Internet Explorer）时，一切看起来都很好。但是当我在Sendblaster中导入Html（用于发送简报的程序）时，某些切片之间会出现不需要的空格。我尝试将电子邮件发送给自己，同样的事情发生了。任何想法如何解决这个问题？

这是关于两个切片之间出现空间的代码

    <td colspan="2" rowspan="5">
        <img src="images/MERCK-TEYXOS-final-outli-81.jpg" width="24" height="383" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
    <td colspan="5" rowspan="4">
        <img src="images/MERCK-TEYXOS-final-outli-82.jpg" width="72" height="369" alt=""></td>
    <td>
        <img src="images/spacer.gif" width="1" height="290" alt=""></td>
</tr>

这是表格的声明

    <table id="Table_01" width="885" height="2196" border="0" cellpadding="0" cellspacing="0">

感谢您的时间。

Answer 1

对于每个图片，在alt属性之后和结束标记之前添加以下内联CSS声明

style="display:block;"

这是影响Hotmail和Gmail的一个常见问题 - 添加CSS并不会影响任何其他客户端，但为了完整性而将它放在那里很好。值得谷歌搜索email display:block获取更多信息。

html电子邮件中不需要的空格

1 个答案: