display:none和visibility:hidden的区别

2018-06-24 01:16:18来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 

二者都能把网页上某个元素隐藏起来,在视觉效果上没有区别,但在一些DOM操作中二者还是有所不同的。

 

display:none

使用该属性后,元素的宽度、高度等各种属性值都将“丢失”。(元素彻底消失,通俗来说就是看不见也摸不到。)

 

visibility:hidden

使用该属性后,仅仅是在视觉上看不见(完全透明),而元素所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。(元素在网页上所占的空间没有改变,看不见但摸得到。)

 

 

 

 

:)

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:从零开始学习html(二)认识标签(第一部分)——下

下一篇:一些关于Viewport与device-width的东西~(转)