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

gen*_*eek 3 html css

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

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

谢谢!

小智 5

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

<div id="tableview">
     Your table code here
</div>
Run Code Online (Sandbox Code Playgroud)

然后在你的CSS

#tableview {
     width: 500px;
     overflow: scroll;
}
Run Code Online (Sandbox Code Playgroud)

调整宽度以适应.

这应该约束你的表,以便它显示在可滚动的区域而不是离开页面.