Question

我要创建一个宽度为800像素的网页。所以我使用以下标记，使视图的宽度为800。

<div style="width:800px">

这很好。

但有时，我要展示一个有20列的表视图。当我添加超过800像素的表视图时，

<table border=1>

整个视图都在滚动。

我只想滚动表格，因为视图的宽度固定为800像素。

我尝试使用<table border=1 width=800px>，但它仍无效。

有人可以指出我正确的教程或示例来解决问题吗？

Answer 1

在div / table

上使用overflow-x: scroll

参考 LIVE DEMO

Answer 2

您可以将表格放在div中，如下所示，并将 overflow-x：scroll 样式设置为它。

<div style="width:800px; overflow-x:scroll">
  <table>
    // Your table content comes here.
  </table>
</div>

希望，这个会帮助你！