当前位置: 代码迷 >> Web前端 >> display:none 跟 visibility:hidden
  详细解决方案

display:none 跟 visibility:hidden

热度:324   发布时间:2012-09-09 09:27:54.0
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

  相关解决方案