zoukankan      html  css  js  c++  java
  • display和visibility的区别

     
    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。
    vilibility:hidden(隐藏)、visible(显示) style="vislbility:hidden"
    display:none(隐藏)、block(显示) style="display:none"
     
    可以保存下面的代码看看效果:
    具体步骤:
    代码示例:
     
    < 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 显示元素(默认值)。
  • 相关阅读:
    Ubuntu下下载Android源码
    升级Android 3.1ADT 和SDK
    ubuntu10.04手动安装jdk1.6.0_24配置
    安装VM Tools
    Singleton (单件模式)
    biztalk2004安装时应该注意的几点
    欢迎高手加入.NET技术群
    Observer(观察者模式)
    无眠
    A⑤权限管理分配权限:提交的是节点的id列表
  • 原文地址:https://www.cnblogs.com/dandeliongogo/p/JavaScript.html
Copyright © 2011-2022 走看看