Stay hungry, stay foolish.

首页前端开发正文

display:none和visibility:hidden的区别是什么?

朱绪2016-11-012414CSS

display:none和visibility:hidden都可以隐藏元素,但是前者不挤占该元素原来的空间,后者挤占该元素原来的空间,区别就在于此。

也就是说,使用display:none之后,该HTML元素(对象)的宽高等各种属性值都将丢失掉~

而使用visibility:hidden之后仅仅是视觉上看不见,它原本占据的空间位置依然存在着。。。

你存在,我深深的脑海里。

你存在我深深的脑海里

网友评论