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