本文介绍了两种CSS属性：visibility:hidden与display:none的区别。visibility:hidden使元素不可见但仍保留其占用的空间；而display:none则完全移除元素，不保留任何空间。通过实例展示了这两种属性的实际效果。
style="visibility:hidden": 使对象在网页上隐藏,但该对象在网页上所占的空间没有改变.
style="display:none": 使对象在网页上彻底消失,不为被隐藏的对象保留物理空间.
style="display:none": 使对象在网页上彻底消失,不为被隐藏的对象保留物理空间.
例子:
<html>
<head>
<title>style="visibility:hidden"与style="display:none"的区别</title>
</head>
<body>
<span style="visibility:hidden; background-color:Blue">隐藏区域</span><span style="background-color:Green">显示区域</span>
<span style="display:none; background-color:Blue">隐藏区域</span><span style="background-color:Green">显示区域</span><br/>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
