CSS 元素可见性: display:none; 与 visibility:hidden;

本文介绍了CSS中两种控制元素可见性的方法:display:none与visibility:hidden。这两种方法虽然都能使元素不可见,但对文档布局的影响不同。前者会使元素完全从文档流中移除,而后者仅改变视觉效果,元素仍占位。

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

diaplay:none与visibility:hidden;都可以设置元素在文档中不可见,但是实现方法原理不一样。

dispaly:none;元素在文档中不显示,并且元素会从文档中删除。

visibility:hidden;是元素在文档中不可见,仅仅是视觉效果,但是实际上此元素还是在文档中占据着空间。

 

 

display属性设置的是一个元素如何显示。

visibility属性设置一个元素时可见还是隐藏。

 

visibility属性设置元素的可见性。值:visible;hidden;collapse;inherit;

visibility:visible;默认值 元素可见。

visibility:hideen;元素隐藏 元素不可见

visibility:collapse;在CSS表中显示用

        根据CSS2规范:用在非表元素中,collapse与hidden含义相同。

转载于:https://www.cnblogs.com/yangjunnan/p/7135975.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值