overflow:hidden; display:none; visibility:hidden;

本文介绍了CSS中overflow:hidden、display:none和visibility:hidden三种隐藏元素的方法。overflow:hidden会裁剪超出的内容,仍占用原有空间;display:none则完全移除元素,不占用空间;而visibility:hidden使元素不可见,但其占用的空间仍然存在。了解这些差异对于网页布局和交互设计至关重要。

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

overflow:hidden;

让超出的元素隐藏,在设置该属性的时候它会根据你设置的宽高把多余的那部分剪掉。

display:none;

隐藏元素,不占网页中的任何空间,让这个元素彻底消失(看不见也摸不着)

visibility:hidden;

把那个层隐藏了,也就是你看不到它的内容但是它内容所占据的空间还是存在的。(看不见但摸得到)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值