css 隐藏元素有哪几种方法?
1.display:none
2.Jquery:show(),hide(),toggle()方法就是通过改变display的值来实现变化效果的。
3.visibility:hidden: 和display:none的区别在于,元素在页面消失后,占据的空间依旧会保留着,但是display:none不会,所以它只会导致浏览器重绘而不会回流,因此,visibility:hidden适用于那些元素隐藏后不希望页面布局发生变化的场景;
4.opacity:0 (透明度,元素本身不会隐藏,会引起重绘)
5.overflow:hidden
6.position: absolute: 把元素脱离文档流移出视觉区域,既不会影响布局,又能让元素保持可以操作。应用该属性后,主要就是通过控制方向(top,left,right,bottom),达到一定的值,离开当前页面。 clip-path(不常用)
相关推荐HOT
更多>>vue等单页面应用及其优缺点
效果会比较炫酷(比如切换页面内容时的专场动画)。导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20项目中的性能优化
keep-alive:缓存的组件的状态,切换组件的时候减少请求(结合实际) 组件销毁的时候, 将绑定的window等相关的事件取消监听,防止内存泄露...详情>>
2023-04-11 16:46:17自己封装过组件吗?
还封装了错误捕捉ErrorBoundary组件,当捕获到错误的时候更改自身状态,来控制渲染一个备用UI,后来又根据需求,在内部实现了组件加载失败重试...详情>>
2023-04-11 16:32:49初学java懵了,这个报错是为什么?
那我说了哈,咱妈问咱们,今天是在咱家过年,还是在咱妈家过年。Java中定义的类名是Scanner,那么在本类中使用时,默认这个Scanner就是你自己定...详情>>
2023-03-29 17:41:52