1.display:none与visibility:hidden的区别

 

display:none隐藏对应的元素并且其他元素会挤占该元素原来的空间,即不为被隐藏的对象保留其物理空间,使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;
 
visibility:hidden隐藏对应的元素但其他元素不会挤占该元素原来的空间,即为被隐藏的对象保留其物理空间,使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。
 
记住这两点之后也就不难区分这两者了,如果可以理解为“none”就是没有的意思,“hidden”只是单纯的隐藏之意,这样就可以更好的记住了。

 
 
 

声明:版权所有,盗版必究  执念博客

转载:转载请标明原文链接,谢谢合作


 

2 thoughts on “CSS——display:none与visibility:hidden的区别

发表评论