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類，如果添加此代碼，細胞會出現在細胞內，所以我們添加「不可見內容」的單元格。這將適用於所有單元格，如果您想要應用於特定單元格，則需要通過一個類來完成。

希望這有助於