我在所有 TD 周围都设置了边框，但因为它们只包含隐藏元素，所以它们会折叠成一行。有没有办法让它们占据表格的宽度而不显式设置高度和宽度？
i.e. height: 200px; width: 200px;
我也尝试过其他有前途的听起来风格，如 empty-cells:show 但无济于事。理想情况下，我希望单元格自动调整大小以填满表格的高度/宽度。
最佳答案
您有一些选项，您不能通过 CSS 为单元格定义特定高度，但您可以为单元格定义最小宽度(无需为整个表格设置宽度)。假设您的表格有 .mytable 类，如果您添加此代码，单元格将出现:
.mytable td {
min-width: 80px;
}
.mytable td::before {
content: "\00a0";
}
我们在这里为表格单元格添加了一个最小宽度，并在单元格内添加了一个伪元素(特别是一个不间断的间距)，所以我们向单元格添加了“不可见内容”。这将适用于所有单元格，如果您想应用于特定单元格，则需要通过一个类来完成。
希望对你有帮助
关于html - CSS 表 : prevent a table with empty cells from collapsing into a single line?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36758695/