页面元素隐藏方式和各自特点

最新推荐文章于 2023-05-05 09:52:38 发布

Moveღ

最新推荐文章于 2023-05-05 09:52:38 发布

阅读量568

点赞数

分类专栏： 11 文章标签： vue

本文链接：https://blog.csdn.net/a456456_132/article/details/118190294

版权

CSS 页面布局隐藏元素浏览器渲染前端开发

关键词由CSDN通过智能技术生成

11 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

页面元素隐藏方式和各自特点

	display:none; 设置为display:none;的元素将不会再占用页面空间，其占用的空间会被其他元素所占有，从而会引起浏览器的重排和重汇。
	
	visibility: hidden 这种做法虽然能够隐藏元素，但是该元素仍会占用页面空间，因此只会导致浏览器的重汇而不 会引起重排。
	
	opacity:0 设置元素透明度opacity属性为0，也可以隐藏页面元素。在呈现上与visibility:hidden;方式一样， 同样会占据页面空间。
	
	overflow:hidden; 超出区域隐藏