display:none是什么意思

互联网 20-6-24

【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属性值，则就变成了如下图所示的效果：需要隐藏的区域就被隐藏了。