如果對你有用，復制粘貼，拿走不謝~

<style type="text/css">
div:nth-child(2n){
background: #4a229a;
height: 50px;
}
div:nth-child(2n+1){
background: #dd172f;
height: 50px;
}
span{
background:#7af665;
}
.class1{
display: none;
}
.class2{
visibility: hidden;
}
.class3{
z-index: 0;
}
.class4{
position:relative;
left:-101%;
}
.class5{
text-indent: 100%;
white-space:nowrap;
overflow: hidden;
}
.class6{
height: 0px;
width: 0px;
}
.class7{
opacity:0;
}
.class8{
font-size: 0px;
}
.class9{
transform:rotateX(90deg);
}
.class10{
transform:rotateY(90deg);
}
.class11{
transform:translateX(-10000px);
}
.class12{
transform:translateY(-10000px);
}
.class13{
transform:scale(0);
}
.class14{
transform:skew(90deg);
}
</style>

對比圖如下：

元素不可見方法實踐