五种方式:
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);
}