实例详解display:none与visible:hidden的区别
更新时间：2017年03月30日 10:43:26 投稿：lqh
这篇文章主要介绍了实例详解display:none与visible:hidden的区别的相关资料,需要的朋友可以参考下
display:none与visible:hidden的区别
display:none和visible:hidden都能把网页上某个元素隐藏起来，但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
例子：
<html> <head> <title>display:none和visible:hidden的区别</title> </head> <body > <span style="display:none; background-color:Blue">隐藏区域</span><span style=" background-color:Green">显示区域</span><br /> <span style="visibility:hidden; background-color:Blue">隐藏区域</span><span style="background-color:Green">显示区域</span> </body> </html>
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了JS异步宏队列与微队列原理区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
这篇文章主要介绍了小程序登录态管理的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了微信WeixinJSBridge API使用实例,本文直接给出HTML代码,代码中包含了很多实用功能,如图片预览、分享到微博、隐藏右上角按钮、获取网络状态、发起公众号微信支付等内容,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了es6 symbol的实现方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Bootstrap 粘页脚，说得具体一点就是“将固定高度的页脚紧贴页面底部”，本文给大家分享具有实现代码，感兴趣的朋友参考下吧2016-03-03
写js时遇到的一些小问题,需要的朋友可以参考下。2010-12-12
图片漂浮效果想必大家都有见到过吧，一般都是通过js来实现的，下面为大家介绍的这个示例也是通过js实现的2014-06-06
这篇文章主要为大家详细介绍了JavaScript实现4位随机验证码的生成，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
JavaScript中如何判断一个变量是数组Array类型呢？本文向大家提供一个比较不错的方法，可以说是无懈可击了2013-09-09
这篇文章主要为大家详细介绍了第一次动手实现bootstrap table分页效果的相关代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
最新评论