display：none 很常见的一种方法，元素直接从页面上消失，不占据页面空间，会引发重绘重排。 visibility：hidden 将元素隐藏，不会消失，占据页面空间，不会重排，会导致重绘。 opacity：0 将可见度设置为0，元素不会消失，占据页面空间，不会重排，但可能会导致重绘。 如果父元素使用opacity隐藏，其子元素则不能再使用opacity进行隐藏。 height、width为0 将元素宽高设置为0，元素不可见，不占据页面空间。
本文探讨了CSS中display:none、visibility:hidden、opacity:0以及设置宽高为0等隐藏元素的方法，分析了它们对页面布局及重绘重排的影响。display:none使元素完全消失且不占空间，触发重排；visibility:hidden保持空间，不触发重排但可能引发重绘；opacity:0保留空间，不触发重排，可能导致重绘；设置宽高为0使元素不可见，不占空间。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
