CSS中display:none和visibility: hidden的区别

CSSdisplay:nonevisibility: hidden的区别

1. 相同点

都是隐藏元素在页面的显示

2. 不同点

2.1 display:none

display:none隐藏元素之后,该对象彻底在页面不可见,元素的位置也会被下面的元素顶替
CSS中display:none和visibility: hidden的区别_第1张图片
CSS中display:none和visibility: hidden的区别_第2张图片

2.2 visibility: hidden

visibility: hidden之后,该对象在页面不可见,但是之前的位置还是会被保留

CSS中display:none和visibility: hidden的区别_第3张图片

你可能感兴趣的:(CSS,git,github,vue.js)