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-隐藏盒子的方式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-07uniapp动态设置不同的css有哪些方法?-icode9专业技术文章分享
- 2024-12-07UniApp 中,怎么通过 CSS 设置 view 组件的水平居中效果?-icode9专业技术文章分享
- 2024-12-06TailwindCSS开发入门教程
- 2024-12-06TailwindCSS项目实战:从入门到上手
- 2024-12-06TailwindCss项目实战:初学者指南
- 2024-12-05TailwindCSS入门指南:轻松上手实用教程
- 2024-12-05TailwindCss入门指南:轻松上手实用技巧
- 2024-12-04Tailwind.css入门:简洁高效的设计利器
- 2024-12-03Tailwind.css学习:从入门到实战的全面指南
- 2024-11-29Tailwind.css入门指南:快速上手实用教程