html - 如何固定桌子高度？

Question

我想将表格高度固定为 600 像素，即使内容很长。

Answer 1

尝试将表格包装在div标签中，并设置类似的 CSS 属性div：

div.tablewrapper {
    height: 600px;
    overflow-y: auto;
}

如果表格的高度超过 600 像素，这将显示一个滚动条。如果您不想在表格太小而无法占用那么多空间的情况下始终将高度强制为 600px，而只是希望 600px 成为最大值，请使用max-height而不是height.

Answer 2

div.tablewrapper {
    height: 600px;
    overflow-y:hidden;
}

这适用于将页面精确为 600px 作为高度..

Answer 3

请参阅下面的示例代码..

<div style="height:100px; overflow:auto;">
<table>
    <tr>
        <td>sad<br />
<br />
<br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
asd<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</td>
</tr>
</table>
</div>