宽HTML表在页面右侧运行 - 如何启用浏览器的水平滚动条?

时间:2011-11-17 06:33:48

标签: html css

我目前有一个非常宽的数据视图作为普通的html表,当它是100%或更多时,它在浏览器的右侧运行,不允许整个数据视图。

如何启用浏览器的水平滚动条以便用户可以滚动查看整个内容(我将宽度设置为100%,但没有做任何事情)?

THX!

2 个答案:

答案 0 :(得分:5)

您需要先定义一个表格,然后再使用溢出。

<div id="tableview">
     Your table code here
</div>

然后在你的CSS中

#tableview {
     width: 500px;
     overflow: scroll;
}

调整宽度以适应。

这应该限制你的表格,使其显示在可滚动区域而不是离开页面。

答案 1 :(得分:4)

将css设置为

#myTable{
    overflow: scroll;
}

myTable是表格的ID。