Question

我正在尝试创建一个表格，让我们说400px height，当我用`Javascript修改表行的高度时，我希望这个值永远不会改变？是否有任何属性允许行的高度永远不会大于某个值？

Answer 1

我不确定你究竟在寻找什么。从你的问题我可以猜测你的桌子不应超过400px高度，即使你的总行包含高度超过400px。

根据我的理解，我建议你将你的表放入div（高度为400px并且自动溢出），如下例所示：

<div style="max-height:400px;overflow:auto">
    <table>
        <tr style="height:500px">
            <td>
                Spider Code
            </td>
        </tr>
    </table>
</div>

[注意：您可以从 tr 中移除高度。我只是为了表示溢出。]

根据上述解决方案，如果高度超过400px，则会显示滚动条。

如果您希望行高不超过某些像素，请将max-height设置为row，如下所述。

tr
{
 max-height:20px;
 overflow:hidden;
}

Answer 2

你在javascript中设置tr的高度，如果它存在max-height则意味着更少。给你的tr赋予max-height属性，这将限制你增长超过最大高度。

Answer 3

为表格使用css max-height属性

tr{
max-height: 20px;
overflow:hidden;
}
table{
max-height:400px;
overflow:hidden;
}

表的高度是恒定的

3 个答案: