是否可以通过CSS在HTML表中生成子行？

我有很多列的HTML表格，为了获得良好的水平拟合，它的宽度远远超过了浏览器可见的宽度。减小列的大小也会使表不可读。我想到的一个解决方案是构建子行以打断长行（在

thead

或

tbody

中）。比如说

Parent thead row
<tr>
a Child row: <th>Col1</th><td>Col2</th><td>Col3</th><td>Col4</th><td>Col5</th>
next Child row: <th>Col6</th><td>Col7</th><td>Col8</th><td>Col9</th><td>Col10</th>
</tr>
End of Parent thead row

Parent tbody row1
<tr>
a Child row: <td>Content1</td><td>Content2</th><td>Content3</td><td>Content4</td><td>Content5</td>
next Child row: <td>Content6</td><td>Content7</td><td>Content8</td><td>Content9</td><td>Content10</td>
</tr>
End of Parent tbody row

Parent tbody row2
.
.
.

父thead行
子行：Col1Col2Col3Col4Col5
下一个子行：Col6Col7Col8Col9Col10
父THAD行的结尾
父tbody第1行
子行：Content1Content2Content3Content4Content5
下一个子行：Content6Content7Content8Content9Content10
父tbody行的结尾
父tbody第2行
.
.
.

可能吗

---

或者有没有其他方法可以在不干扰单元格宽度的情况下垂直排列列？

为什么不滚动表格？@roddyoffrozenpeas你是说水平滚动？有时需要一眼就能看到一行的第一个和最后一个单元格。使用滚动，您需要向右和向左进行比较。看起来需要使用javascript而不是CSS来实现