1. visibility:hidden;
它只是简单的隐藏某个元素,还是会在文档上占据空间。
2. display:none;
设置它后不仅元素会被隐藏,而且不会占据文档空间。
3. position:absolute;
通过绝对定位将其脱离文档流,再将他的left属性设为负值定位到可见区域以外,就可以实现元素隐藏。
(CSS3)
4. opacity:0;
效果和 visibility:hidden 差不多,它也会在文档上占据空间,区别就在于它能被 transition 和 animate 。
5.scale属性
通过 scale 属性减少元素尺寸实现隐藏,但还是会在文档上占据空间。
好像还有方法,但是常用的我觉得就是前面四个吧~~
文章借鉴来源:https://www.cnblogs.com/franson-2016/p/5853463.html