visibility和display的区别

一、visibility和display的区别

visibility: hidden----将元素隐藏，但是在网页中该占的位置还是占着。

display: none----将元素的显示设为无，即在网页中不占任何的位置。

二、visibility的值有：

（1）visible:可见

（2）hidden:隐藏

（3）collapse:当一个元素的visibility 属性被设置成 collapse 值后，对于一般的元素，它的表现跟hidden 是一样的。但例外的是，如果这个元素是table相关的元素，例如table行，table group，table列，table column group，它的表现却跟 display: none 一样，也就是说，它们占用的空间也会释放。