CSS表：防止具有空单元格的表折叠成一行？

Question

我在所有TD周围都有边框，但因为它们只包含隐藏元素，所以它们会折叠成一行。有没有办法让它们占用桌子的宽度而不明确设置高度和宽度？

i.e. height: 200px; width: 200px; 

我也试过其他有希望的声音样式，如empty-cells:show无济于事。理想情况下，我希望单元格能够自动调整大小以填充表格的高度/宽度。

Answer 1

您有一些选项，您不能通过CSS定义单元格的特定高度，但您可以为单元格定义最小宽度（不设置整个表格的宽度）。假设您的表格有 .mytable 类，如果您添加此代码，则会显示单元格：

.mytable td {
  min-width: 80px;
}
.mytable td::before {
  content: "\00a0";
}

我们在这里添加表格单元格的最小宽度，并在单元格内添加伪元素（特别是非间断间距），因此我们将“隐形内容”添加到单元格中。这将适用于所有单元格，如果要将其应用于特定单元格，则需要通过类来执行此操作。

希望这有帮助