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

我的表上有很多行。我想设置表格的高度,例如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%的宽度,因此,如果您不希望它占用页面的整个水平宽度,则还需要为该元素指定一个明确的宽度。

以上是 如何指定表格的高度,以便显示垂直滚动条? 的全部内容, 来源链接: utcz.com/qa/425499.html

回到顶部