CSS：是否可以使表格中的水平单元格正确排列？

Question

背景：我有一个客户，其网站是由其他人在一个古老的模糊框架中构建的，我无法通过查看文件来清楚地识别。该网站有几页成员组织使用的表格数据。

结构性挑战：他们希望将内容表iframe到另一个系统中。 iframe工作正常，但表格太宽，无法移动。我可以使用CSS将表强制为较小的宽度，但这会使信息无法使用。

问题：我知道如何使divs以表格形式排列。通过CSS，是否可以在一个大纲类型层次结构中将<td>排成一行而不是彼此相邻？

Answer 1

您可以将它们invoke-expression

display: block;

td {
  display: block;
}

我不确定浏览器对此的支持，但您可以将<table> <tr> <td>cell</td> <td>cell</td> <td>cell</td> <td>cell</td> <td>cell</td> </tr> </table>设为tr。

flex-column

tr {
  display: flex;
  flex-direction: column;
}