HTML表格和几个电子邮件客户端上的神秘高度

因此，我已经与HTML电子邮件作斗争并且包括Outlook支持一段时间了。在Gmail和Outlook下面的代码中都显示高度为15px。为什么？它的唯一目的是作为虚线分隔线的交叉客户端小时替换。HTML表格和几个电子邮件客户端上的神秘高度

<!-- Dotted Horizontal border Outlook Optimized--> 
<table style="width:100%;border-bottom:1px dotted #999999;" align="center" border="0" cellpadding="0" cellspacing="0"> 
    <tbody align="center" border="0" cellpadding="0" cellspacing="0"> 
     <tr align="center" border="0" cellpadding="0" cellspacing="0"> 
     <td style="background:none;height:1px;width:100%;vertical-align:middle;" border="0" cellpadding="0" cellspacing="0" ></td> 
     </tr> 
    </tbody> 
</table>

enter image description here

UPDATE：因此，它因为有一个 “空” 的单元格。我认为会照顾它，但需要更多。我也尝试将1px图像放在单元格中，正如@Vitorino Fernandes所提到的那样，高度依然存在。

实际上，nbsp需要存在几个电子邮件客户端和使用line-height：0px;终于把这个牢房弄平了。

来源

2014-09-27 BenRacicot

根据你的代码我知道你使用的表给予边界 - 不要使用表，因为空表会给一些空间使用TD代替和间距图像的高度1px（广告每边界高度），并给予BG-颜色TD

，或者如果你想使用相同的布局

与1px的高度和背景color-空TD添加间隔图像，按您的边界，给的line-height：1px的到父tr

来源

2014-09-27 09:21:00

我会建议使用列表标签，并根据需要用内联样式装饰它们 – 2014-09-27 09:32:13

I认为会为我照顾？因此，请在1px X 1px处制作透明图片并将其放置在那里以强制严格的高度？ – BenRacicot 2014-09-27 14:58:53

是的，这将是很好的 – 2014-09-27 15:13:30

HTML表格和几个电子邮件客户端上的神秘高度

回答

相关问题