使用CSS隐藏元素的方法

opacity：0;  

将元素的透明度设置为0，但这并不是真正意义的隐藏，元素在页面上还是存在的，绑定事件仍然可以触发

visibility:hidden;

和第一种方法大致相同，但也有一定区别，页面上也是看不见，但是绑定事件却不可以触发。

display：none；

真正意义上的隐藏，元素看不见了，而且也不占页面的位置，绑定事件也无法触发，除非进行转块或者转其他类型

transform:scale(0);

使用缩放,按照x和y的中心位置进行缩小占位置 height:0px;的时候不占页面空间如果元素中有文本的话需要给元素添加

oveflow:hidden;

将元素溢出的部分进行隐藏，可以，但仅仅是溢出部分

font-size:0px

字体大小设置为0