電子郵件模板樣板 - 無法設置行的高度

我使用這個樣板：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

電子郵件模板樣板 - 無法設置行的高度

回答

相關問題