2

我试图弄清楚为什么我的表格单元格没有以我指定的高度显示:

<html>

<head>

</head>

<body>
<table style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px;" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" height="842" width="595">
<tbody>
<tr><td height="100">Test</td></tr>
<tr><td height="100">Test</td></tr>
</tbody>
</table>
</body>

</html>

在我的浏览器 (Firefox) 上,此页面显示每个单元格占据表格高度的 50%(覆盖整个表格),而不是每个单元格指定的 100 像素。我已经尝试了每种组合,设置了 tr 高度(实际上不存在)和我发布的 td 高度。

我需要避免使用 CSS,因为我正在为电子邮件生成 HTML,并且电子邮件客户端对 CSS 不是很宽容。我希望尽可能使用 HTML 标记属性设置我的表格。

编辑

现在我真的很困惑。即使用 CSS 设置高度也不起作用:

<table style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px;" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" height="842" width="595">
<tbody>
<tr><td style="height: 100px;">Test</td></tr>
<tr><td style="height: 100px;">Test</td></tr>
</tbody>
</table>

编辑

有人在评论中发布了一个 JSFiddle 说它有效。但这是我的浏览器(Firefox)上那个小提琴的截图: 在此处输入图像描述

我想现在的问题是为什么我不能在 Firefox 上设置行高?

4

1 回答 1

-2

刚刚想通了。在 Firefox 上,您必须display: block;在 CSS 中设置,否则不会应用表格高度:

<body>
<table style="border: 1px solid black; border-radius: 10px; padding: 0px;padding-top: 6px; margin: 0px; display: block;" align="left" bgcolor="#FFFFFF" border="1" cellpadding="0" cellspacing="0" height="842" width="595">
<tbody>
<tr><td height="100" style="display: block">Test</td></tr>
<tr><td height="100" style="display: block">Test</td></tr>
</tbody>
</table>
</body>
于 2013-09-18T12:30:43.050 回答