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 显示元素(默认值)。
  • 相关阅读:
    SpriteKit改变Node锚点其物理对象位置不对的解决
    亲热接触Redis-第二天(Redis Sentinel)
    Java设计模式(二)-单例模式
    Android—构建安全的Androidclient请求,避免非法请求
    自己主动化測试使用mybatis更新数据库信息实例
    UML回想-通信图
    第十六课 数组的引入 【项目1-5】
    被这个样式惊醒
    netty自定义解码器
    解决netty客户端接收报文不完整的情况
  • 原文地址:https://www.cnblogs.com/dandeliongogo/p/JavaScript.html
Copyright © 2011-2022 走看看