我了解HTML电子邮件需要使用非常古老的学校布局-根据SO上的许多其他答案(例如HTML email: tables or divs?,HTML Email using CSS)。
但是,对于在电子邮件中使用spacer gifs是否仍然是一个好主意,似乎存在一些争议。
例如,比较以下三种布局:
方面:
<table cellpadding="0" cellspacing="0" border="0" width="100">
<tr>
<td width="100" height="10"></td>
</tr>
</table>
使用间隔GIF:
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="spacer.gif" width="100" height="10"></td>
</tr>
</table>
使用间隔GIF和尺寸:
<table cellpadding="0" cellspacing="0" border="0" width="100">
<tr>
<td width="100" height="10"><img src="spacer.gif" width="100" height="10"></td>
</tr>
</table>
如何在尺寸上使用它们?是否有任何仍需要分隔gif的电子邮件客户端?两种方式都有害吗?
最佳答案
我个人从来不使用spacer gif,因为关闭图像阻止功能时它们会破坏布局,原因有以下三个:
要解决问题2,您可以保存每个图像及其实际尺寸。但是,这显然增加了:
它不能解决问题1和问题3。
使用间隔gif的原因是因为某些客户端(Outlook 2007,Outlook 2010,Lotus Notes,Hotmail/Live Mail)不会呈现空白单元格。要在文本节点的尺寸上具有绝对精度是非常困难的,因此间隔图像就足够了。但是,即使提到的那些客户端也将呈现一个具有定义的宽度的空单元格。
因此,只要您在任何空白单元格上定义像素宽度,就可以了。回到问题中的示例:
因此,应该使用尺寸而不是gifs 间隔符。
各种文章也谈到了这个问题(在页面上搜索“间隔图片”)
关于email - 对HTML电子邮件进行编码时是否需要使用间隔图片?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10732164/