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

Question

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

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

我也试过其他有前途的冠冕堂皇的风格，如empty-cells:show无济于事。理想情况下，我希望单元格自动调整大小以填充表格的高度/宽度。

Answer 1

你有一些选项，你不能通过CSS定义单元格的特定高度，但是你可以为单元格定义最小宽度（不需要为整个表格设置宽度）。

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

我们在这里增加一个最小宽度为表格单元格，再加上加一个伪元素（特别是非：假设你的表有.mytable类，如果添加此代码，细胞会出现在细胞内，所以我们添加“不可见内容”的单元格。这将适用于所有单元格，如果您想要应用于特定单元格，则需要通过一个类来完成。

希望这有助于