用法:
-
对于一般的元素,它的表现跟
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