前端隐藏元素的十种方式

1.display:none;

2.visibility: hidden;

3.opacity: 0;

4.width: 0;height: 0;overflow: hidden;

5.position: absolute;top:-10000px;(放到视口外)

6.transform: scale(0);

7.transform: rotateX(90deg);(块元素 block)

8.用另一个元素覆盖

9.将颜色设置和背景颜色一致

10.不渲染(不写就不会渲染 或者类似 v-if)

你可能感兴趣的:(css,前端js基础效果,前端,css,html5)