Question

请查看以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
</head>
<body>
<table id="content" height="525" border="0" cellspacing="0" cellpadding="0">
<tr style="height:9px"><td height="9" bgcolor="#990000">Upper</td></tr>
<tr><td  bgcolor="#990099">Lower</td></tr>
</table>
</body>
</html>

IE忽略了“身高：9px”，我无法得到我想要的东西。此外，没有DOCTYPE，它的工作原理。但我必须遵循标准，以便无法删除DOCTYPE。有人如何修正上排的高度？

一些澄清： 1.第二排的高度可能因用户的动作而异，无法修复。 2.表的高度设置为525px，因此表的最小高度为525px

Answer 1

当您输入更多文字时，底部单元格将会增长...设置表格宽度也会有所帮助

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
</head>
<body>
<table id="content" style="min-height:525px; height:525px; width:100%; border:0px; margin:0; padding:0; border-collapse:collapse;">
<tr><td style="height:10px; background-color:#900;">Upper</td></tr>
<tr><td style="min-height:515px; height:515px; background-color:#909;">lower<br/>
</td></tr>
</table>
</body>
</html>

Answer 2

只要从表中删除height属性，就可以了。

<table id="content" border="0px" cellspacing="0px" cellpadding="0px">
  <tr><td height='9px' bgcolor="#990000">Upper</td></tr>
  <tr><td height='100px' bgcolor="#990099">Lower</td></tr>
</table>

Answer 3

我的css

TR.gray-t {background:#949494;}
h3{
    padding-top:3px;
    font:bold 12px/2px Arial;
}

我的HTML

<TR class='gray-t'>
<TD colspan='3'><h3>KAJANG</h3>

我减少了字体的第二个尺寸。

padding-top用于修复IE7中的大小。

修复HTML表格中表格行的高度

3 个答案: