CSS Visibility none vs collapse

Question

以下两者有什么区别？

1. visibility:none;
2. visibility:collapse;

visibility: collapse仅用于表格？或者我错了吗？

Answer 1

是的，你是对的，visibility: collapse仅用于表格元素。

  

隐藏该框不可见（完全透明，没有绘制任何内容），但仍会影响布局。该元素的后代将是可见的   如果他们有可见性：可见（这在IE版本中不起作用   7）。

     

折叠对于表行，列，列组和行组，将隐藏行或列以及它们将具有的空间   占用了（好像显示：没有被应用到的列/行）   表）。但是，其他行和列的大小仍然是   计算好像折叠的行或列中的单元格一样   存在。这是为了从a快速删除行/列而设计的   表格无需重新计算每个的宽度和高度   表的一部分。对于XUL元素，计算出的大小   无论通常的其他样式如何，元素始终为零   虽然利润率仍然有效，但影响规模。对于其他   元素，崩溃被视为隐藏。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/visibility