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的示例empty-cells:hide还要检查页面顶部的浏览器兼容性图表。

Answer 2

尝试将要隐藏的单元格上的CSS设置为visbility: hidden; - 这不会显示细胞，但它仍会占用空间。 参见参考资料： http ： //www.w3schools.com/cssref/pr_class_visibility.asp

Answer 3

让我们假设你有3,2的单元格

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

当你想隐藏它时，然后执行

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

但是，如果隐藏中间单元格，则其他单元格将向左移动。 要保留表结构，您需要使用具有empty ( )内容且没有任何边框的特殊单元格替换隐藏单元格。

Answer 4

使用css属性empty-cells格从表中删除不需要的/空单元格。 当使用empty-cells: hide ，空单元格将从表格视图中完全擦除，如图所示，

而且，当empty-cells: hide并且仍然想要显示一些空单元格时，您可以使用 覆盖行为  在空单元格中。 有关更多信息，您可以访问MDN