css-隐藏盒子的方式

2022/2/11 23:15:31

本文主要是介绍css-隐藏盒子的方式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

(1)方式一:

overflow:hidden;   // 仅仅是隐藏盒子超出的部分

(2)方式二

display: none;	  // 隐藏盒子,而且不占位置 (用的最多)

一般用于广告的点击后消除效果 (用的最多)

(3)方式三:

visibility: hidden;   
visibility: visible;   //让盒子重新显示

隐藏盒子,但是需要占据实际的位置。

(4)方式四:

opacity: 0;       

设置盒子的透明度(不建议,因为内容也会半透明),占位置

(4)方式五:

//把盒子移得远远的,占位置。

Position/top/left/...-999px   

(5)方式六:

//把盒子移得远远的,占位置。

margin-left: 1000px;


这篇关于css-隐藏盒子的方式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程