CSS属性中Display与Visibility

visibility属性是隐藏元素但保持元素的浮动位置，而display其实是设置元素的浮动特征。

 

visibility属性用来肯定元素是显示仍是隐藏，这用visibility="visible|hidden"来表示，

visible表示显示，

hidden表示（仅）隐藏，不可恢复。

当visibility被设置为"hidden"的时候，元素虽然被隐藏了，

一、仍然占据它原来所在的位置。visibility会保留元素的位置.

二、元素被隐藏以后，就不能再接收到其它事件了，当其被设为"hidden"的时候，就不能再接收响应到事件了，所以也就没法经过JS令其显示出来。

 

display属性就有一点不一样了。

none隐藏（元素消失），可恢复

inline,block显示

 

一、display被设置为block(块)时，容器中全部的元素将会被看成一个单独的块，就像<div>元素同样，它会在那个点被放入到页面中。(实际上你能够设置<span>的display:block，使其能够像<div>同样工做。

二、display设置为inline，将使其行为和元素inline同样---即便它是普通的块元素如<div>，它也将会被组合成像<span>那样的输出流。最后是display被设置：none,这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填充。