当前位置： 移动技术网 > IT编程>网页制作>CSS > visibility:hidden和display:none的区别解析

visibility:hidden和display:none的区别解析

2018年12月06日  | 移动技术网IT编程  | 我要评论

手打小说网,心中有话对你说 作文,野蛮少女闯校园

visibility:hidden和display:none的区别

一、子元素的继承

1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值，不存在才会继承其父元素的visibility属性值。例如：父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见；子元素visibility不存在则子元素继承父元素的visibility值为hidden。
2、父元素的display为none，则其后的所有元素都将不可见。

二、占据空间

1、visibility:hidden时，虽然其内容被隐藏，但是它所处的空间仍然被空白所占据。
2、display:none时，内容和空间都被隐藏，如同元素不存在一样。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网