Html表格中的最大高度
Html表格中的最大高度
提问于 2013-11-30 05:19:13
我创建了一个表，我希望它是height be 800px。
如果它是溢出，我想使滚动条，但标题不滚动。
所以我尝试添加这个CSS：
overflow: scroll;
max-height:800px;但这对我不起作用。这是整个html文件。有什么问题吗？
CSS
table{
overflow: scroll;
text-align: center;
margin: auto;
max-height:800px;
}
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}和HTML
<table >
<tr>
<th>field a</th>
<th>field b</th>
<th>field c</th>
<th>field e</th>
</tr>
<tr>
<td>3534534</td>
<td>עו"ש</td>
<td>6,463</td>
<td>4,000</td>
</tr>
<tr>
<td>3534534</td>
<td>עו"ש</td>
<td>6,463</td>
<td>4,000</td>
</tr>
</table>谢谢！
回答 3
Stack Overflow用户
发布于 2013-11-30 05:25:31
使用另一个元素包装整个表，并将这些属性提供给他：
#table-limiter {
max-height:800px;
overflow: scroll;
}HTML示例：
<div id="table-limiter">
<table>
...
</table>
</div>设计表格样式有时是一件麻烦的事:(
Stack Overflow用户
发布于 2013-11-30 05:27:46
这里有一种方法。
使用CSS添加一个包装div：
#set-height {
display: inline-block;
height:800px;
overflow: scroll;
}Stack Overflow用户
发布于 2013-11-30 05:33:20
将表包装在div标记中，并将div的高度设置为800px，并将overflow设置为auto。
<div style="height:800px; overflow:auto;">
//Table goes here
</div>然后，如果您的表格高度超过800px，那么div中会出现一个滚动条，允许您在表格中滚动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20293492
复制相关文章
相似问题