当前位置:首页 > 软件开发学习 > Html5,CSS3 > 正文内容

css 隐藏div的属性

admin6年前 (2014-12-17)Html5,CSS31607

  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 显示元素(默认值)。

扫描二维码推送至手机访问。

版权声明:本文由学无止境-开拓创新-ipvb学习网发布,如需转载请注明出处。

分享给朋友:

相关文章

解决html页面抖动的代码

由高度或宽度自动不当,导致页面抖动的问题,其实究其根本原因是滚动条是否显示导致的,具体解决方法如下,有类似情况的朋友可以参考下,希望对大家有所帮助 在CSS中添加如下代码:代码如下:html...

使用html设置url重定向

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type&...

使用CSS如何使html中的DIV层水平居中

CSS 如何使DIV层水平居中今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实...

CSS学习 overflow 属性

可能的值值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如...

CSS的position 属性

可能的值值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "...

Z-BLOG的样式样例,大家可修改边框等尺寸

html, body, h1, h2, h3, h4, h5, h6, hr, p, blockqu...