[转载] CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下有什么区别？

用法:

• 对于一般的元素，它的表现跟 visibility：hidden 是一样的。元素是不可见 的，但此时仍占用页面空间。

• 但例外的是，如果这个元素是 table 相关的元素，例如table行，table group，table列，table column group，它的表现却跟 display:none 一样，也就是说，它们占用的空间也会释放。

在不同浏览器下的区别：

• 在谷歌浏览器里，使用 collapse 值和使用 hidden 值没有什么区别。

• 在火狐浏览器、Opera 和 IE11 里，使用 collapse 值的效果就如它的字面意思：table的行会消失，它的下面一行会补充它的位置。

来自：Github，作者：CavsZhouyou
链接：https://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css/Css.md