zoukankan      html  css  js  c++  java
  • div 显示与隐藏

    最近写项目用到DIV隐藏,以下引用http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html

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

    <div style="border:1px solid #000;background:#eee">
    <span style="200;height:200;visibility:hidden"></span>
    ←SS属性为visibility:hidden的对象
    </div><br>
    <div style="border:1px solid #000;background:#666">
    <span style="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 显示元素(默认值)。

  • 相关阅读:
    文档的几何形状和滚动
    聊聊并发——生产者消费者模式
    在JavaScript中什么时候使用==是正确的?
    HTML5使用canvas画图时,图片被自动放大模糊的问题
    获取元素的几种方式
    利用jQuery和CSS实现环形进度条
    最实用、最常用的jQuery代码片段
    表格样式
    javascript常量的定义
    null 和 undefined 的区别
  • 原文地址:https://www.cnblogs.com/kungfupanda/p/2674986.html
Copyright © 2011-2022 走看看