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

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

    <div class="div1">
    snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响
    </div>
    <p>ppskdkad</p>

    .div1{
    opacity: 0;
    200px;
    height:200px;
    border:1px solid red;
    }

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

    <div class="div2">
    这是第二个div visibility:hidden还是只是把元素隐藏了,但是还是占有布局
    </div>
    <p>看看效果</p>

    .div2{
    visibility: hidden;
    200px;
    height:200px;
    border:1px solid red;
    }

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

    <div class="div3">
    这是第三个DIV display:none不会影响到布局
    </div>
    <p>不信你看</p>

    .div3{
    display: none;
    200px;
    height:200px;
    border:1px solid red;
    }

    4.position:absolute不会影响到布局

    <div class="div4">
    这个是第四个div 我觉得也不会影响到布局 但是到底会不会 一起来看看吧 果然这个也不会影响到布局
    </div>
    <p>看看</p>

    .div4{
    position: absolute;
    top:-9999px;
    left:-9999px;
    200px;
    height:200px;
    border:1px solid red;
    }

  • 相关阅读:
    ASP.NET MVC 学习之路-2
    ASP.NET MVC 学习之路-1
    mvp框架
    Linq基础
    C# Lambda表达式
    三层架构基础
    Protobuf-net基础
    AutoResetEvent和ManualResetEvent
    解题报告——POJ 2299
    解题报告——POJ 2726
  • 原文地址:https://www.cnblogs.com/lwwen/p/5587761.html
Copyright © 2011-2022 走看看