HTML表格單元格 - 隱藏一個單元格

Question

我有一個html表格，我已經設置了3行2列的形式。所以基本上有6個細胞正在顯示給suer。

我的問題是不確定該怎麼做，是我只想使用5個單元格只對用戶可見，所以想以某種方式刪除單元格位置（3,2），以便它不顯示任何邊框完全是爲了那個細胞 - 如果可以的話，可以這樣做，怎麼樣？

謝謝。

Answer 1

查找的CSS屬性border-collapse和empty-cells

編號：http://www.quirksmode.org/css/tables.html

向下滾動頁面，看看empty-cells:hide的例子還檢查瀏覽器兼容性圖表在頁面的頂部。

Answer 2

讓我們假設你在3,2有小區

<td id="cell32">cell data</td> 

當你想隱藏它，然後執行

cell32 = document.getElementById("cell32"); 
cell32.style.display = "none"; 

但是如果你隱藏中間電池，你的其他細胞將轉向剩下。爲了保留表格結構，您需要用具有empty ( )內容和無邊框的特殊單元格替換隱藏的單元格。

Answer 3

嘗試將要隱藏的單元格上的CSS設置爲visbility: hidden; - 這不會顯示單元格，但仍佔用空間。見參考：http://www.w3schools.com/cssref/pr_class_visibility.asp