五种方式:
display:none 【将元素完全隐藏,不会占据页面空间】
visibility:hidden 【将元素隐藏,但仍会占据页面空间】
opacity:0 【将元素透明度设置为0,仍占据页面空间】
position:absolute或者fixed,left/top设置为足够远的负值或者像素值
transform:scal(0) 【将元素缩放到0大小,仍然占据页面空间】
display:none 【将元素完全隐藏,不会占据页面空间】
.element { display: none; }
visibility:hidden 【将元素隐藏,但仍会占据页面空间】
.element { visibility: hidden; }
opacity:0 【将元素透明度设置为0,仍占据页面空间】
.element { opacity: 0; }
position:absolute或者fixed,left/top设置为足够远的负值或者像素值
.element { position: absolute; top: -9999px; left: -9999px; }
transform:scal(0) 【将元素缩放到0大小,仍然占据页面空间】
.element { transform: scale(0); }