类别：htmlcss / 日期：2023-04-15 / 浏览：295 / 评论：0
- display: none (不占空间，不能点击)（场景，显示出原来这里不存在的结构）
- visibility: hidden（占据空间，不能点击）（场景：显示不会导致页面结构发生变动，不会撑开）
- opacity: 0（占据空间，可以点击）（场景：可以跟 transition 搭配）
版权声明 : 本文未使用任何知识共享协议授权，您可以任何形式自由转载或使用。
可能感兴趣的文章
display:none 和 visibilty:hidden 的区别
1. visibility：hidden，该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已经绑定的事件 2. display：none，把元素隐藏起来，并且会改变页面布局，可以理解成在页面...
使元素消失的方法有哪些？
1. opacity：0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如 click 事件，那么点击该区域，也能触发点击事件的 2. visibility：hidden，...
什么是 BFC
BFC 也就是常说的块格式化上下文，这是一个独立的渲染区域，规定了内部如何布局，并且这个区域的子元素不会影响到外面的元素，其中比较重要的布局规则有内部 box 垂直放置，计算 BFC 的高度的时候，...
评论区
热门文章
简述 mixin、extends 的覆盖逻辑浏览：1929
-
Redux 状态管理器和变量挂载到 window 中有什么区别
浏览：1285
-
-
Rem 布局及其优缺点
浏览：937
-
-
Vue template 到 render 的过程
浏览：796
-
如何实现图片在某个容器中居中的？
浏览：762
-
为什么要用 Vuex 或者 Redux
浏览：717
-
在 React 中页面重新加载时怎样保留数据
浏览：700
-
v-if、v-show、v-html 的原理
浏览：614
最新留言
访客 评论: 2022/11/13
好像还可以
发表评论 / 取消回复