我有一个没有定义高度的表,里面有三个表行。 示例:
<table>
<tr height="20px"> <td> </td> </tr>
<tr height="1px"> <td> content with unknown height </td> </tr>
<tr> <td> </td> </tr>
</table>
我希望第一行具有固定的20px高度,第二行扩展到其内容的高度,第三行填充剩余空间。
当我在Javascript中更改表的高度时,我想保留该布局(20px - 内容高度 - 剩余空间),但在IE7(可能是6)中,行被调整以保持初始比例。
示例:
如果我有一个60px内容的初始100px表:
第1行 - 20px
第2行 - 60px
第3行 - 20px
并将它的高度改为200px,我会得到:
第1行 - 20px
第2行 - 60px
第3行 - 120px
第1行 - 40px
第2行 - 120px
第3行 - 40px
我可以做任何事情来修复(在IE7中)行的高度,让第三行填充剩余的空间,保持其他2的固定。