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上设置它，它也没有用。

我放了一个＆amp; 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>

Answer 3

我需要添加

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

使其在Outlook 2013中运行。

Answer 4

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

不间断的空间将是一条线的高度。你需要像这样包装它：

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

类似地，具有图像的单元格将至少与bar.gif

一样高

Answer 5

我使用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>

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

5 个答案: