CSS中可以隐藏页面元素的方法

display:none

很常见的一种方法,元素直接从页面上消失,不占据页面空间,会引发重绘重排。

visibility:hidden

将元素隐藏,不会消失,占据页面空间,不会重排,会导致重绘。

opacity:0

将可见度设置为0,元素不会消失,占据页面空间,不会重排,但可能会导致重绘。

如果父元素使用opacity隐藏,其子元素则不能再使用opacity进行隐藏。

height、width为0

将元素宽高设置为0,元素不可见,不占据页面空间。

猜你喜欢

转载自blog.csdn.net/weixin_46953330/article/details/123526530