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

前端之家收集整理的这篇文章主要介绍了修复HTML表格中表格行的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
请查看以下代码
<!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

解决方法

当您输入更多文本时,底部单元格将会增长…设置表格宽度也会有所帮助
<!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>

猜你在找的HTML相关文章