display:none有哪些意思-百分百源码网

display:none有哪些意思

发布时间：09/01 来源：未知浏览：关键词：

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