使用html的表的垂直滚动条

时间:2010-05-24 15:11:42

标签: html css

我想在网页中修复html表格的高度,如果它自动通过高度,则显示垂直滚动条。

请帮忙。

2 个答案:

答案 0 :(得分:28)

这不是滚动的表,它是它背后的div。

<div style="height:200px; overflow-y: scroll;">
  <table>
   ....
  </table>
</div>

如果您只想要一个垂直滚动条,请使用overflow-y;如果您想要垂直和水平,请使用overflow

注意:设置要滚动的overflow属性将始终显示滚动条。如果您希望水平/垂直滚动条仅在需要时显示,请使用auto

答案 1 :(得分:6)

您希望将表格放在div中,如下所示:

<div style="height: 400px; overflow: auto;">
    <!-- Html Elements --!>
</div>

当div高度超过400px时,div内的任何内容都会溢出,并会显示一个滚动条。