电子邮件模板样板 - 无法设置行的高度

我使用这个样板：http://htmlemailboilerplate.com/电子邮件模板样板 - 无法设置行的高度

我想表行是高度的6个像素，并有一个行的高度1px的。无论我尝试表格行不会少于15px的高度。巧合的是15px是字体大小。

代码：

... 
<tr> 
    <td height="6" style="height: 6px;">&nbsp;</td> 
</tr> 
<tr> 
    <td height="1" style="height: 1px;"><img src="images/bar.gif" width="220" height="1" /></td> 
</tr> 
...

无论如何，我能得到这个表行是我想要的高度？

来源

2012-02-08 Brady

您是否尝试过在您的td上使用CSS设置line-height:1px？

来源

2012-02-08 15:21:15 greener

这适用于第一行，但不适用于具有图像的人。该行呈现5像素高不是1像素 – Brady 2012-02-08 15:25:31

Cellpadding，cellspacing，图像边框？ – greener 2012-02-08 15:30:15

它们都设置为0 – Brady 2012-02-08 15:31:49

表格单元格将展开以保存您放入其中的内容，而不管您设置的高度如何。

非断裂空间将是一条线的高度。你需要用这样的：

<span style="line-height:1px;font-size:1px;">&nbsp</span>

同样，与图像的单元将至少

来源

2012-02-08 15:21:44 daveyfaherty

bar.gif的高度是1px，为什么表格行的渲染高度为15px？ – Brady 2012-02-08 15:23:35

它可能再次是行高。您可以将其包装在另一个区域中，或者仅为内嵌样式提供父级。 – daveyfaherty 2012-02-08 15:25:41

尝试了它，它呈现图像行2px而不是1px。 – Brady 2012-02-08 15:30:53

我需要添加一样高bar.gif

table td { mso-line-height-rule: exactly; }

使它在Outlook 2013中工作。

来源

2012-08-17 00:26:24

我不知道他们是否最近更改了Outlook 2013的规则，但我发现在TD上设置行高和字体大小并不奏效。我甚至尝试将它设置在TR上，但也没有效果。

我把一个& nbsp;在单元格中，并将其字体大小设置为0px，以及将行高和字体大小放在TD上以便加倍确定。这似乎对我有效。

下面的例子有一个2px的绿色单元 - 在石蕊和“真实”2013年测试。希望这有助于！

<table width="600" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td height="20" bgcolor="#0000CC"></td> 
    </tr> 
    <tr> 
    <td height="2" bgcolor="#00FF00" style="line-height:0px; font-size:0px;"><font style="font-size:0px; -webkit-text-size-adjust: none;">&nbsp;</font></td> 
    </tr> 
    <tr> 
    <td height="20" bgcolor="#0000CC"></td> 
    </tr> 
</table>

来源

2012-12-06 12:33:08 Adam

我用line-height和font-size（如果比目前更小）与 （空间） -

<table width="600" cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
     <td style="line-height:5px; font-size:5px;">&nbsp;</td> 
    </tr> 
</table>

或者，如果在线 -

<span style="line-height:5px; font-size:5px;"><br /><br /></span>

来源

2013-06-06 11:34:29 seanjacob

电子邮件模板样板 - 无法设置行的高度

回答

相关问题