table固定高度
时间: 2023-10-06 15:13:46 浏览: 85
对于HTML中的`<table>`元素,你可以通过设置其包含元素的高度,来实现表格固定高度。例如:
```html
<div style="height: 240px; overflow: auto;">
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Brown</td>
<td>32</td>
<td>New York No. 1 Lake Park</td>
</tr>
<tr>
<td>Jim Green</td>
<td>42</td>
<td>London No. 1 Lake Park</td>
</tr>
<tr>
<td>Joe Black</td>
<td>32</td>
<td>Sidney No. 1 Lake Park</td>
</tr>
<!-- More rows... -->
</tbody>
</table>
</div>
```
在上面的例子中,设置了包含`<table>`元素的`<div>`元素的高度为240px,并且将其overflow属性设置为auto,表示当表格内容超出该高度时,自动显示滚动条。你可以根据实际情况调整该高度。
阅读全文