visibility:hidden和display:none的区别解析
程序员文章站
2024-02-24 18:24:04
visibility:hidden和display:none的区别
一、子元素的继承
1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值,不存在才会继承其父...
visibility:hidden和display:none的区别
一、子元素的继承
1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值,不存在才会继承其父元素的visibility属性值。例如:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见;子元素visibility不存在则子元素继承父元素的visibility值为hidden。
2、父元素的display为none,则其后的所有元素都将不可见。
二、占据空间
1、visibility:hidden时,虽然其内容被隐藏,但是它所处的空间仍然被空白所占据。
2、display:none时,内容和空间都被隐藏,如同元素不存在一样。
推荐阅读
-
display:none和visibility:hidden的区别
-
display:none、visibility:hidden和opacity:0之间的区别
-
display:none 和 visibility:hidden的区别
-
display:none visibility:hidden的区别
-
display:none和visibility:hidden的区别?
-
实例详解display:none与visible:hidden的区别
-
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
-
visibility:hidden和display:none的区别解析
-
display:none和visibility:hidden两者的区别
-
css之Display、Visibility、Opacity、rgba和z-index: -1的区别