三种CSS隐藏元素的方式有哪些?

1.设置display: none;样式。这个样式会让元素在页面上彻底消失。元素本来占有的空间,也会被其他元素占有,所以,他会导致浏览器的重排和重绘。

2.第二种方式设置visibilty:hidden;的样式。它和display: none;的区别在于,元素在页面消失之后,它原本占有的空间依然会保留,所以,他只会导致浏览器的重绘,而不会重排。

3.第三种是设置opcity:0;透明度为0。在视觉上元素也是隐藏的。和设置 visibilty:hidden;一样。

4.还有其他方法,利用定位,让元素不出现在可视区域,等等。

发表评论