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

设置visibility: collapse后对于普通元素来说跟visibility: hidden效果一样，隐藏元素，且占用空间
但对于一些table元素，比如row、columu、group，效果则跟display: none一样，隐藏元素，但不占空间
但这些效果会随着浏览器底层实现不同而改变：在Chrome下，visibility: collapse都与visibility: hidden没有什么区别，即仍会占用空间在火狐浏览器、Opera里，使用collapse值的效果就如它的字面意思：table的行会消失，它的下面一行会补充它的位置，不占用空间。在IE即使设置了visibility: collapse，还是会显示元素。

个人简介

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

主目录

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

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

CSS里的visibility属性有个collapse属性值，在不同浏览器下有什么区别？
当一个元素的visibility属性被设置成collapse值后,对于一般的元素,他的表现跟hidden是一样的. 在重合元素外包裹一层容器,通过改变此div的属性使两个盒子分别属于不同的BFC,以此 ...
CSS gradient渐变之webkit核心浏览器下的使用
一.关于渐变渐变是一种应用于平面的视觉效果,可以从一种颜色逐渐地转变成另外一种颜色,故可以创建类似于彩虹的效果渐变可以应用在任何可以使用图片的地方.例如,您可以指定一个这么一个渐变:顶部的颜色是红色 ...
CSS中visibility 属性
CSS中visibility 属性一.visibility:visible;详情 visible:visible属性值定义的元素是可见显示的,是默认的属性值. 二.visibility:hidden ...
CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制
float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动; display: inline-block; 有些时候可以替代float实现相同的效果. positio ...
CSS中position的几个属性值
CSS中position的几个属性值 position的四种取值 : static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...
[css] 说下你对css样式的这几个属性值initial、inherit、unset、revert的理解
[css] 说下你对css样式的这几个属性值initial.inherit.unset.revert的理解 initial(初始).inherit(继承).unset(未设置).revert(还原) ...
CSS中定位属性的常见属性值
CSS中定位属性的常见属性值在使用CSS对页面布局时,我们常会使用到定位属性,定位主要应用于一个元素在另外一个元素之上,或者我们需要在网页中精准地确定某一个元素的位置,并且这个元素有明确的参照物.其 ...
html clear属性值,clear属性有哪些属性值 CSS clear属性的理解.
CSS clear是什么属性... 语法: clear : none | left |right | both 参数: none : 允许两边都可以有浮动对象 both : 不允许有浮动对象 left ...
在不同的浏览器下FORM及它的小伙伴们默认样式的CSS属性值是不完全一致
我们一般在定义CSS样式的时候都需要定义去掉HTML标签默认样式的CSS,原因是在不同的浏览器下面它们的表现出来的默认样式不完全一致,我们要保证在不同的浏览器下它们能正常显示出我们想要达到的预期效果, ...

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

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

个人简介

主目录

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

最新文章

热门文章