我正在编写一个HTML电子邮件,该电子邮件在除Outlook 2013之外的所有主要电子邮件客户端中都不错,这在我的图像切片之间增加了垂直间隙。不幸的是,我没有在计算机上安装Outlook 2013,因此很难对其进行测试,但是客户端的屏幕截图显示它看起来像这样-
我的代码在此处可用-HTML版本。
我不知道我还能做些什么来消除差距-我将tds和图像的行高设置为零,将图像设置为显示:块,将表格设置为边框0,cellpadding和cellpacing零,以及边框崩溃:崩溃。我还能做些什么来解决它?
编辑添加-我实际上不确定图像或表行之间是否存在间隙。从屏幕截图来看,它实际上看起来可能是表格行。
解决的问题-将包含图像的tds的行高更改为图像的高度,而不是0,可以解决这些间隙,并且不会破坏其他客户端的布局。所以
<td width="150" style="line-height: 83px;">
<img src="" height="83px">
</td>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句