简明现代魔法 -> CSS层叠样式表 -> 控制层的可见性

控制层的可见性

2009-10-09

有时候,我们需要一个层,但是这个层的内容不能显示出来。比如内容需要用JavaScript调用,被调用的那部分内容就不必在页面中显示出来了。

用CSS可以实现,下面分别介绍2种方法。

style="visibility: hidden"

用这个CSS控制的层,它的内容会隐藏,但是层所占的位置还是会保留下来,就是留下一片空白。

style="display:none"

这个CSS控制的层消失得比较彻底,不但内容都隐藏了,而且连层也不占任何位置。

display用来设定对象如何显示。

值:block | none | inline | inline-block | list-item | table-header-group | table-footer-group | inherit

可用值 值的说明
block 象块类型元素一样显示。
none 缺省值。向行内元素类型一样显示。
inline-block 象行内元素一样显示,但其内容象块类型元素一样显示。
list-item 象块类型元素一样显示,并添加样式列表标记。
table-header-group 显示在任何表格行和行组合之前,在头部标题之后。
table-footer-group 显示在任何表格行和行组合之后,在底部标题前。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们