display:none和visibility:hidden的区别

2022年05月13日 阅读数:3
这篇文章主要向大家介绍display:none和visibility:hidden的区别,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

display:none和visibility:hidden的区别 html


visibility:hidden隐藏,但在浏览时保留位置;ide

CSS display:none视为不存在,且不加载! htm

Overflow属性值{visible|hidden|scroll|auto}前提是先要限制DIV的宽度(width)和高度(height)。两者都是隐藏HTML元素,在视觉效果上没有区别,但在一些DOM操做中两者仍是有所不一样的。 对象

CSS display:none; blog

使用该属性后,HTML元素(对象)的宽度、高度等各类属性值都将"丢失"; element

visibility:hidden; 博客

使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(彻底透明),而它所占据的空间位置仍然存在,也便是说它仍具备高度、宽度等属性值。it

display:none和visibility:hidden的区别_html


你要保守你心,赛过保守一切。io

做者:刘俊涛的博客​class