CSS隐藏元素技巧
本文详细对比了CSS中两种隐藏HTML元素的方法：display:none与visibility:hidden。这两种方法虽然都能实现元素的不可见，但它们在对元素尺寸的影响及DOM操作方面有所不同。通过本文，读者可以了解到哪种方法更适合他们的具体需求。
CSS中的display:none和visibility:hidden的区别
二者都是隐藏HTML元素，在视觉效果上没有区别，但在一些DOM操作中二者还是有所不同的。
display:none;
使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
visibility:hidden;
使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
二者都是隐藏HTML元素，在视觉效果上没有区别，但在一些DOM操作中二者还是有所不同的。
display:none;
使用该属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
visibility:hidden;
使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。
扫一扫
2294
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
