3

我正在使用这个样板：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>
...

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

4

5 回答 5

7

您是否尝试使用 CSS 设置line-height:1px您的td?

于 2012-02-08T15:21:15.677 回答
5

我不知道他们最近是否更改了 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>
于 2012-12-06T12:33:08.120 回答
2

我需要添加

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

使其在 Outlook 2013 中工作。

于 2012-08-17T00:26:24.240 回答
1

表格单元格将扩展以容纳您放入其中的内容，无论您将它们设置为什么高度。

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

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

同样，带有图像的单元格将至少与 bar.gif 一样高

于 2012-02-08T15:21:44.297 回答
1

我使用line-height和font-size（如果小于当前）和&nbsp;（空格） -

<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-06T11:34:29.810 回答