用户名
密码

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

zhinianblog
2017-10-01 / 2 评论 / 0 阅读 / 正在检测是否收录...

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

 

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

评论 (2)

取消
  1. 头像
    CPA学习网
    Windows 7 · FireFox

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

    回复
    1. 头像
      执念 作者
      Windows 10 · Google Chrome
      @ CPA学习网

      嗯哼,这就尴尬了

      回复