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

用法:

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

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

在不同浏览器下的区别:

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

  • 火狐浏览器OperaIE11 里,使用 collapse 值的效果就如它的字面意思:table的行会消失,它的下面一行会补充它的位置。

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

上一篇:【Web前端HTML5&CSS3】15-表格


下一篇:表格设置为合并边框模型