1.opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响
snda:opacity:0只是把元素隐藏起来了 ,但是还是占有布局,所以还是对布局有影响
ppskdkad
.p1{
opacity:0;
width:200px;
height:200px;
border:1pxsolidred;
}
2.visibility:hidden还是只是把元素隐藏了,但是还是占有布局
这是第二个p visibility:hidden还是只是把元素隐藏了,但是还是占有布局
看看效果
.p2{visibility:hidden;
width:200px;
height:200px;
border:1pxsolidred;
}
3.display:none不会影响到布局
这是第三个p display:none不会影响到布局
不信你看
.p3{display:none;
width:200px;
height:200px;
border:1pxsolidred;
}
4.position:absolute不会影响到布局
这个是第四个p 我觉得也不会影响到布局 但是到底会不会 一起来看看吧 果然这个也不会影响到布局
看看
v.p4{position:absolute;
top:-9999px;
left:-9999px;
width:200px;
height:200px;
border:1pxsolidred;
}
以上这四种隐藏方式大家学会了吗?赶紧动手尝试一下吧。
相关推荐: