style.display 和 style.visibility



转自：http://www.2cto.com/kf/201301/182489.html

在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示，

在style.display=block和style.visibility=visible的时候，元素被显示，

在style.display=none和style.visibility=hidden的时候，元素被隐藏。

它们之间最大的区别是通过style.display=none隐藏的时候，元素不占据原来的位置，从文档流中脱离，后续的元素填补其位置。

通过style.visibility=hidden隐藏的时候，元素仍然占据原来的位置，只是被隐藏。

------------------

block : 　CSS1　块对象的默认值。用该值为对象之后添加新行 
none : 　CSS1　隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 
inline : 　CSS1　内联对象的默认值。用该值将从对象中删除行 

block 块流
inline 同行流
none 空流