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

Question

我正在使用这个样板:http://htmlemailboilerplate.com/

我想要一个表行为6px的高度,一行是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>
...

我有什么方法可以让这个表行成为我想要的高度？

Answer 1

你有没有尝试使用CSS来设置line-height:1px你的td？

Answer 2

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

我把一个  在单元格中并将其字体大小设置为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>