[css] 说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？

[css] 说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？

设置visibility: collapse后对于普通元素来说跟visibility: hidden效果一样，隐藏元素，且占用空间
但对于一些table元素，比如row、columu、group，效果则跟display: none一样，隐藏元素，但不占空间
但这些效果会随着浏览器底层实现不同而改变：

    在Chrome下，visibility: collapse都与visibility: hidden没有什么区别，即仍会占用空间
    在火狐浏览器、Opera里，使用collapse值的效果就如它的字面意思：table的行会消失，它的下面一行会补充它的位置，不占用空间。
    在IE即使设置了visibility: collapse，还是会显示元素。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题