桌子高度如何固定?

发布于 2024-08-11 18:41:27 字数 31 浏览 5 评论 0原文

我想将表格高度固定为 600px,即使内容很长。

I want to fix the table height to 600px, eve if the content goes long.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

狂之美人 2024-08-18 18:41:27

尝试将表格包装在 div 标记内,并设置 div 的 CSS 属性,如下所示:

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

如果表格的高度超过 600 像素,这将使滚动条出现。如果您不想总是将高度强制为 600 像素(如果表格太小而无法占用那么多空间),而只是希望 600 像素为 max,请使用 max-height 而不是高度

Try wrapping the table within a div tag, and setting the CSS properties of the div like so:

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

This will make a scrollbar appear if the table's height exceeds 600 pixels. If you don't want to always force the height to 600px if the table it too small to take up that much space, but instead just want 600px to be the max, use max-height instead of height.

硪扪都還晓 2024-08-18 18:41:27
div.tablewrapper {
    height: 600px;
    overflow-y:hidden;
}

这适用于将页面高度固定为 600px。

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

this works for to fix a page exact 600px as height..

酷遇一生 2024-08-18 18:41:27

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

<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>

See the sample code below..

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文