css display显示隐藏元素

最新推荐文章于 2024-05-28 19:57:21 发布

lxl211

最新推荐文章于 2024-05-28 19:57:21 发布

阅读量316

点赞数

分类专栏： css 文章标签： css javascript 前端

本文链接：https://blog.csdn.net/lxllxl211/article/details/127174985

版权

css 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

display属性用来设置一个元素应该如何显示
display：none；隐藏元素：->隐藏元素后，不再占有原先的位置
display：block；除了转换成块级元素之外，还有显示元素的意思
放个代码例子：建立二个盒子，观察显示

<style>
        .a1{
            /* display: block; */
            width: 111px;
            height: 111px;
            background-color: aquamarine;
        }
        .a2{
            /* display: none; */
            width: 111px;
            height: 111px;
            background-color: chartreuse;
        }
     </style>
</head>
<body>
    <div class="a1">a1</div>
    <div class="a2">a2</div>
</body>

运行结果：正常显示
在这里插入图片描述
把a1和a2里面的display的注释取消掉

第二个盒子被隐藏起来了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lxl211

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css display显示隐藏元素

隐藏元素：->隐藏元素后，不再占有原先的位置。除了转换成块级元素之外，还有显示元素的意思。display属性用来设置一个元素应该如何显示。把a1和a2里面的display的注释取消掉。放个代码例子：建立二个盒子，观察显示。第二个盒子被隐藏起来了。
复制链接

扫一扫