一、隐藏元素 元素设置为 display: none; 时，元素隐藏，元素在结构中不占据位置。元素设置为 visibility: hidden; 时，元素隐藏，元素在结构中依旧占据位置。 二、对子元素的影响 父元素设置为 display: none; 时，子元素设置 display: block; 无效。父元素设置为 visibility: hidden; 时，子元素设置 visibility: visible; 元素再次显示。
本文探讨了CSS中两种隐藏元素的方法——display:none和visibility:hidden的区别。display:none会完全移除元素在页面布局中的占用空间，而visibility:hidden则保持元素在结构中的位置但不可见。此外，当父元素使用display:none隐藏时，其子元素无法通过设置display:block显示；而使用visibility:hidden的父元素，子元素仍可通过visibility:visible变为可见。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
