科技知识动态:display:none是什么意思

导读跟大家讲解下有关display:none是什么意思,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说display:none是什么意思,小编也收

跟大家讲解下有关display:none是什么意思,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说display:none是什么意思,小编也收集到了有关display:none是什么意思的相关资料,希望大家看到了会喜欢。

【display:none】的意思是隐藏元素并脱离文档,流就是隐藏该区域,不占实际空间,但对后台来说真实存在,可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间,也无法显示,相当于该元素不存在。

display:none的意思:

隐藏元素并脱离文档,流就是隐藏该区域,不占实际空间,但对后台来说真实存在,可以获取被隐藏的元素简单的来说就是将元素设置为none的时候既不会占据空间,也无法显示,相当于该元素不存在。

看完了display none的意思后,我们就接着来看一下display none的用法。

<html><head><title></title><style type="text/css"> div{background: lightblue; width: 200px; height: 200px; } span{ background: pink; display: none; }</style></head><body > <div><span>需要隐藏的区域</span></div></body></html>

设置了display:none属性值,则就变成了如下图所示的效果:需要隐藏的区域就被隐藏了。

290abc96149fdbf0fcce15cb2595803.png

a422d42f47e400d1d72ae78ea47802c.png

推荐教程: 《HTML教程》

以上就是display:none是什么意思的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

免责声明:本文由用户上传,如有侵权请联系删除!