CSS学习笔记16——元素的显示与隐藏

本文介绍了CSS中三种常用的元素显示隐藏方法:display、visibility和overflow。详细解释了每种方法的特点及其应用场景,如display:none会使元素完全消失且不占位置,而visibility:hidden则使元素不可见但仍保留原有布局空间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本质:让一个元素在页面中隐藏或者显示出来

有三种方法:

        1. display 显示隐藏

        2. visibility 显示隐藏

        3. overflow 溢出显示隐藏

display属性

display属性用于设置一元素应如何显示。

display: none ; 隐藏对象

display : block ; 除了转换为块级元素之外,同时还有碌元素的意思

display隐藏元素后,不再占有原来的位置。

visibility可见性

visibility属性用于指定一个元素可见还是隐藏。

visibility : visible;元愫可视

visibility : hidden;元素隐藏

visibility隐藏元素后, 继续占有原来的位置。

overflow溢出

overflow属性指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时,会发生什么。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值