display:none是什么意思


本文摘自PHP中文网,作者hzc,侵删。

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

display:none的意思:

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

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

阅读剩余部分

相关阅读 >>

css中Display如何使用

Display:inline是什么意思?

通过Display或visibility来实现html元素的显示与隐藏

Display:none是什么意思

Display:none与visibility:hidden的区别是什么

Display:block属性的作用是什么

如何通过Display或visibility来实现html元素的显示与隐藏

css的Display属性有哪些

css行级元素和块级元素之间怎么转换

css中的Display是什么意思

更多相关阅读请进入《Display》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...