是否可以将表格行及其内容 (tds) 包装起来，以便表格保持响应？例如:
<table>
<tr>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
</tr>
<tr>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
<td><!---content---></td>
</tr>
</table>
对于某些屏幕尺寸，这两行 5 是否可以变成两行 4 和一行 2，或者对于其他屏幕尺寸，三行 3 和一排 1，等等？
尝试过 float 和内联样式，但行总是在下一行，并且永远不会彼此相邻，因此 td 区域看起来是无缝的。 我无权访问表结构的 html，因此我尝试使用 CSS 甚至 Javascript/jQuery 来定位它。
有什么想法吗？
最佳答案
table 元素未设计为按照您要求的方式工作。您所要求的通常称为响应式用户界面，我们有许多现成的解决方案。为此，我强烈推荐 Bootstrap 库/框架。
Bootstrap grid系统将允许您执行您要求的操作。如果您很少对这种方法感兴趣，您也可以阅读其他选项(Bootstrap 以外的其他框架)here .
关于javascript - 是否可以响应式地换行表行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44956284/