如何指定表格的高度，以便显示垂直滚动条？

我的表上有很多行。我想设置表格的高度，例如500px，这样，如果表格的高度大于该高度，就会出现一个垂直滚动条。我尝试在上使用CSS height属性table，但是它不起作用。

尝试使用overflowCSS属性。也有单独的属性来定义水平溢出（overflow-x）和垂直溢出（overflow-y）的行为。

由于只需要垂直滚动，请尝试以下操作：

table {
  height: 500px;
  overflow-y: scroll;
}

编辑：

显然，<table>元素不尊重该overflow属性。这似乎是因为默认情况下<table>元素未呈现为display: block（它们实际上具有自己的显示类型）。您可以overflow通过将<table>元素设置为块类型来强制属性工作：

table {
  display: block;
  height: 500px;
  overflow-y: scroll;
}

请注意，这将导致元素具有100％的宽度，因此，如果您不希望它占用页面的整个水平宽度，则还需要为该元素指定一个明确的宽度。

您需要将表格包装在另一个元素中并设置该元素的高度。内联CSS的示例：

<div style="height: 500px; overflow: auto;">
 <table>
 </table>
</div>

要设置表格的高度，您需要首先设置CSS属性“ display：block”，然后可以添加“ width / height”属性。我发现此Mozilla文章是学习如何设置表格样式的很好资源： 链接