隐藏元素的三种方式

方法1：

display:none

.hide{

        display: none;

        }

设置元素的display属性为none；不占用页面空间，其占有的空间会被其他元素所占有，从而会引起浏览器的重排和重汇。

---

方法2：

visibility:hidden

.hide{

        visibility: hidden;

        }

设置元素的visibility属性为visibility:hidden;元素会占用页面空间，因此只会导致浏览器的重汇而不会引起重排。

---

方法3：

opacity:0

.opacity-0{

        opacity: 0；

        }

设置元素透明度opacity属性为0，也可以隐藏页面元素,会占据页面空间。