css / html

CSS——display:none与visibility:hidden的区别

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

 

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

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

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

本站如未特别声明,所有压缩文件解压密码均为:www.zhinianblog.com

Author

zhinianblog@163.com

Comments

2017年10月5日 at 下午11:32

一脸懵逼进来,又一脸懵逼离开。



发表评论

ajax的具体步骤

2017年10月6日