Html 如何水平滚动表格？

我有一个从局部视图中显示的数据集构建的表。这张桌子比波瑟大

---

如何使表格在局部视图中水平滚动？

类似于：

<div style="width: 700px; overflow-x: auto;">
    <table>...</table>
</div>

...

一个次要的诡辩溢出-x是CSS3属性，因此CSS2.1无效。如果您在容器div上定义了一个宽度而不是高度，然后声明溢出：auto；然后垂直方向的div会拉伸，而水平方向的div会有一个滚动条

从我上面答案中的例子来看：

<div style="width: 700px; overflow: auto;">
       <table>...</table>
</div>

...