What is difference between the below two?
visibility:none;
visibility:collapse;
visibility: collapse
is only used in case of tables? Or am I wrong?
是的,您是对的,visibility: collapse
仅用于表格元素。
hidden框是不可见的(完全透明,没有绘制任何东西),但仍然影响布局。如果元素的后代具有可见性:可见(这在 IE 7 及以下版本中不起作用),则它们将是可见的。
折叠对于表格行、列、列组和行组,行或列是隐藏的,它们将占用的空间是(就像 display: none 应用于表格的列/行一样) . 但是,仍会计算其他行和列的大小,就好像折叠的行或列中的单元格存在一样。这是为从表格中快速删除行/列而设计的,而无需重新计算表格每个部分的宽度和高度。对于 XUL 元素,元素的计算大小始终为零,而不管通常会影响大小的其他样式,尽管边距仍然有效。对于其他元素,折叠被视为隐藏。
参考:https ://developer.mozilla.org/en-US/docs/Web/CSS/visibility