顯示沒有空表格的單元格

我想創建一個空單元格的表格，在這個表格上附加了Javascript來切換類，所以我只需要給它們一個高度和寬度。問題是當我創建表時，雖然它有填充，但我無法保持它的高度。我試圖避免像我這樣使用 ，它會創建突出顯示文本的鼠標懸停，並且多次點擊該框可以選擇文本。顯示沒有空表格的單元格

在線看，empty-cells: show;作爲不變的答案出現，但它似乎並沒有保持高度。我曾考慮將它作爲一系列內嵌塊div來使用，但是邊界會變得混亂，因爲邊界不會崩潰。

我真的只是有一個空表

<table style="border-collapse: collapse; empty-cells: show;"> 
    <tr> 
     <td style="height: 1.3em; padding: 4px 6px;"></td> 
     <td style="height: 1.3em; padding: 4px 6px;"></td> 
    </tr> 
</table>

我覺得這是一個老問題，HTML，而且我錯過了一些簡單的答案。

我已經看到了被認爲是重複的問題，但作爲答案有5歲，我認爲爲解決這個問題必須有更現代的東西。如果沒有，我猜visibility訣竅是要走的路。

來源

2017-05-29 RhoVisions

哪裏是你的代碼？ –

[顯示空的HTML表格單元的更好的替代方法？]（https://stackoverflow.com/questions/2789372/a-better-alternative-than-nbsp-for-showing-empty-html-table -cells） – AVI

@AVI正如我在我的問題中提到的那樣，'empty-cells'似乎不能解決我的問題。正如7年前提出的問題和5年前最後編輯的答案一樣，我想也許還有更新的解決方案。 – RhoVisions

是否有您想要的特定最小高度？如果是這樣，你可以做這樣的事情：

table tr td:first-child::after { 
    content: ""; 
    display: inline-block; 
    vertical-align: top; 
    min-height: 60px; 
}

源代碼omelniz這裏原貼：Can I use a min-height for table, tr or td?

來源

2017-05-30 00:13:40 kojow7

顯示沒有空表格的單元格

回答

相關問題