css的四种隐藏办法
发布时间:2021-12-02 13:38:12 所属栏目:大数据 来源:互联网
导读:1.opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 div class=div1 snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 /div pppskdkad/p .div1{ opacity: 0; width:200px; height:200px; border:1px s
1.opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 <div class="div1"> snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响 </div> <p>ppskdkad</p> .div1{ opacity: 0; width:200px; height:200px; border:1px solid red; } 2.visibility:hidden还是只是把元素隐藏了,但是还是占有布局 <div class="div2"> 这是第二个div visibility:hidden还是只是把元素隐藏了,但是还是占有布局 </div> <p>看看效果</p> .div2{ visibility: hidden; width:200px; height:200px; border:1px solid red; } 3.display:none不会影响到布局 <div class="div3"> 这是第三个DIV display:none不会影响到布局 </div> <p>不信你看</p> .div3{ display: none; width:200px; height:200px; border:1px solid red; } 4.position:absolute不会影响到布局 <div class="div4"> 这个是第四个div 我觉得也不会影响到布局 但是到底会不会 一起来看看吧 果然这个也不会影响到布局 </div> <p>看看</p>v .div4{ position: absolute; top:-9999px; left:-9999px; width:200px; height:200px; border:1px solid red; } (编辑:东莞站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐