html - 拆分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 像素来放入所有这些信息，我想知道是否有某种方法可以告诉表格在达到 300 像素限制时进行拆分。这甚至可能吗？或者我应该回到使用 div 吗？

Answer 1

我不确定“拆分”是什么，但一个不错的选择是将表格包装在带有overflow-x: autoset 的容器中。这将使它可滚动。

现场示例