CSS 隐藏元素的方式

一、visibility属性

默认属性值为show,如果设置为hidden,元素会隐藏。

元素看不见了,还占有原来的位置(元素大小依然保持)

二、display属性

设置display:none,就可以让元素隐藏

彻底地隐藏,不但看不见,也不占用任何位置,没有大小宽高

相关推荐
加个鸡腿儿1 天前
经验分享2:SSR 项目中响应式组件的闪动陷阱与修复实践
前端·css·架构
华仔啊1 天前
写 CSS 用 px?这 3 个单位能让页面自动适配屏幕
前端·css
菩提小狗1 天前
Sqli-Labs Less-3 靶场完整解题流程解析-豆包生成
前端·css·less
web小白成长日记1 天前
CSS 作用域隔离实战:React、Vue 与 Styled Components 的三种范式
前端·css·vue.js·react.js
@@小旭2 天前
实现头部Sticky 粘性布局,并且点击菜单滑动到相应位置
前端·javascript·css
Irene19912 天前
CSS 定位属性(relative、absolute、fixed、sticky)与实用技巧总结
css
我的写法有点潮2 天前
推荐几个国外比较流行的UI库(上)
前端·javascript·css
m0_502724952 天前
vue动态设置背景图片后显示异常
前端·css
@Autowire2 天前
Layout-position
前端·css
神秘的猪头2 天前
🎨 CSS 这种“烂大街”的技术,怎么在 React 和 Vue 里玩出花来?—— 模块化 CSS 深度避坑指南
css·vue.js·react.js