zoukankan      html  css  js  c++  java
  • css的四种隐藏方式

    1.opacity:0;     只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响

    <div class="div1">opacity:0; 只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响</div>
    <p>aaaaaaaaaaaaaaa</p>
    .div1{
      opacity: 0;
      200px;
      height:200px;
      border:1px solid red;
    }

     2.visibility:hidden;  还是只是把元素隐藏了,但是还是占有布局

    <div class="div2">这是第二个div visibility:hidden还是只是把元素隐藏了,但是还是占有布局</div>
    <p>aaaaaaaaaaa</p>
    .div2{
      visibility: hidden;
      200px;
      height:200px;
      border:1px solid red;
    }

    3.display:none;     不会影响到布局

    <div class="div3">这是第三个DIV display:none不会影响到布局</div>
    <p>aaaaaaaaaaaa</p>
    .div3{
      display: none;
      200px;
      height:200px;
      border:1px solid red;
    }

    4.position:absolute;不会影响到布局    (这是什么鬼?用position把人家移走了???)

    <div class="div4">这个是第四个div 我觉得也不会影响到布局 但是到底会不会 一起来看看吧 果然这个也不会影响到布局</div>
    <p>aaaaaaaaa</p>
    .div4{
      position: absolute;
      top:-9999px;
      left:-9999px;
      200px;
      height:200px;
      border:1px solid red;
    }
  • 相关阅读:
    C语言 assert 函数
    C语言 exit 函数
    C语言 main 函数参数 main(int argc, char *argv[])
    《一线架构师实践指南》读后感(一)
    机器学习十讲第八讲
    机器学习十讲第七讲
    Python通过IMAP实现邮箱客户端
    ABAP-PS操作
    ABAP-AES加解密
    ABAP-HmacSHA256
  • 原文地址:https://www.cnblogs.com/xiangru0921/p/6514240.html
Copyright © 2011-2022 走看看