QQ小程序6大功用_实例详解display:none与visible:hidd

实例详解display:none与visible:hidden的区别     投稿:lqh   这篇文章主要介绍了实例详解display:none与visible:hidden的区别的相关资料,需要的朋友可以参考下

display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

例子:

 html 
 head 
 title display:none和visible:hidden的区别 /title 
 /head 
 body 
 span 隐藏区域 /span span 显示区域 /span br / 
 span 隐藏区域 /span span 显示区域 /span 
 /body 
 /html 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


相关阅读