有没有办法给HTML表格添加一个水平滚动条?我实际上需要它是垂直和水平滚动,这取决于表格的增长方式,但我不能让滚动条出现。
发布于 2015-05-24 21:13:56
首先,创建表的display: block
然后,将overflow-x:
设置为auto
。
table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
干净利落。没有多余的格式。
这是我网站上的一个页面上的more involved examples with scrolling table captions。
如果出现单元格未填满整个表格的问题,请附加以下CSS代码:
table tbody {
display: table;
width: 100%;
}
发布于 2011-04-04 09:04:11
将表格包装在DIV中,并使用以下样式设置:
div.wrapper {
width: 500px;
height: 500px;
overflow: auto;
}
发布于 2018-09-19 04:39:08
这是对Serge Stroobandt's answer的改进,可以完美地工作。它解决了表在列数较少时不能填满整个页面宽度的问题。
<style>
.table_wrapper{
display: block;
overflow-x: auto;
white-space: nowrap;
}
</style>
<div class="table_wrapper">
<table>
...
</table>
</div>
https://stackoverflow.com/questions/5533636
复制相似问题