分裂HTML表格

Question

我有一个HTML表看起来像这样：

<table> 
    <thead> 
    <tr> 
     <th >title1</th> 
     <th >title2</th> 
     <th >title3</th> 
     <th >title4</th> 
     <th >title5</th> 
     <th >title6</th> 
     <th >title7</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>data1</td> 
     ... 
     <td>data7</td> 
    </tr> 
    </tbody> 

我遇到的问题是，我只是有大约300到把所有这些信息，如果有一些办法，我想知道如果达到300px的限制，我可以告诉桌面进行分割。这甚至有可能吗？还是我应该回去使用div？

Answer 1

我不确定'分裂'是什么，但是一个好的替代方法是将表格包装在一个容器中，其中包含overflow-x: auto集合。这将使它可以滚动。

Live Example