css 隐藏div的属性

admin 2014年12月17日 Html5,CSS3 1533次阅读 查看评论

  css 隐藏div的属性

<div style="display:none"><script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6f6a66f38390cdf9b622106a67579a92' type='text/javascript'%3E%3C/script%3E"));</script></div>

  visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果:

  具体步骤:

  代码示例:

  <div style="border:1px solid #000;background:#eee">

  <span style="width:200;height:200;visibility:hidden"></span>

  ←SS属性为visibility:hidden的对象

  </div><br>

  <div style="border:1px solid #000;background:#666">

  <span style="width:200;height:200;display:none"></span>

  ←SS属性为display:none的对象

  </div>

  特别提示

  用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。

  特别说明

  display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:

  none 隐藏元素,不保留元素显示时的空间。

  block块方式显示元素。

  inline 以内嵌方式显示元素。

  inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。

  list-item 将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)

  table-header-group 将元素作为表格标题组显示,相当于tHead元素。

  table-footer-group 将元素作为表格脚注组显示,相当于tFoot元素。

  visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:

  inherit 继承父元素的visibility属性设置。

  hidden 隐藏元素,但保留其所占空间。

  visible 显示元素(默认值)。

« 上一篇 下一篇 » admin原创文章,转载请注明出处! 标签:windows维护php函数php程序xml网站关键词

相关日志:

«   2019年11月   »
123
45678910
11121314151617
18192021222324
252627282930
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
文章归档
网站收藏
友情链接
图标汇集
  • 又拍云
  • 订阅ipvb的RSS 2.0聚合