【CSS】隐藏元素

最新推荐文章于 2024-09-03 23:04:46 发布

秀秀_heo

最新推荐文章于 2024-09-03 23:04:46 发布

阅读量184

点赞数 4

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

本文链接：https://blog.csdn.net/XiugongHao/article/details/140673088

版权

CSS 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

                    
                    display: none;：完全隐藏元素，元素不占据任何空间。
visibility: hidden;：隐藏元素，但元素在⻚⾯中仍占据空间。
opacity: 0;：将元素的透明度设为 0，元素隐藏但仍占据空间。
position: absolute; left: -9999px;：将元素移出屏幕范围之外，元素隐藏但仍占据空间。
z-index: -1;：将元素的层级设置为负数，元素隐藏但仍占据空间。
盒属性归 0：将⼀个元素的 margin、border、padding、width 和 height 设置为 0，如果元素内有⼦元素或内容，还应该设置 overflow:hidden 来隐藏其⼦元素，在这种⽅式下，元素不占据空间，且⽆法响应事件。
transform: scale(0,0)：将元素缩放为 0。元素仍占位，但⽆法响应绑定的监听事件。