display：none 跟 visibility：hidden

display：none 和 visibility：hidden

额，css基础真的很差，被鄙视了。很基础的面试常用，简单记录下吧：

 

 visibility：设置元素是否可见。

 

display：设置元素如何显示。

注意：通过样式文件或<style>css</style>方式来设置元素的display:none样式，用js设置style.display=""并不能使元素显示，可以使用block或inline等值来代替。通过style="display:none"直接在元素上进行的设置不会有这个问题 

 

总之：

visibility：hidden  --“看不见却存在”，元素对象在网页所占空间没改变，留有空白。

display：none      --“看不见不存在”，元素对象彻底消失，网页中不占任何位置。

 

 

http://www.w3school.com.cn/htmldom/prop_style_display.asp

http://bbs.blueidea.com/thread-2942695-1-1.html