我似乎在让图片与Google Mail的简报中的另一张图片对齐时遇到问题。我认为这是由于锚标记因其定位而增加<td>
的高度。我试图为锚标记<tr>
和<td>
分配一个高度而没有运气。有人可以帮助建议解决这个问题。该问题的屏幕截图链接如下。
屏幕截图:http://prntscr.com/2lal9x
包含html代码的实时网页:http://www.birchhavenresort.com/newsletter_templates/general.html
答案 0 :(得分:1)
基于table
的{{1}}电子邮件模板的一些常规规则:
添加
html
所有图片。
不要像这样设置高度和宽度,
style="display:block"
而是使用 <td colspan="3" style="padding:0 35px;width:600px;">
和height="40"
来设置它。
width="300"
另外,将 <td width="400" height="40">
添加到所有valign="top"
代码中,这会将所有内容垂直对齐到顶部。
此外,某些电子邮件客户端等会删除<td>
位,因此您可能需要一些嵌套表。
不要设置padding:0 35px;
标签的样式,因为这很可能无效。