display:none和visibility:hidden的区别
-
visibility: hidden ：隐藏元素，但是在网页还占着位置，知识不显示。
-
display: none：将元素的显示设为无，即在网页中不占任何的位置。
具体通过实例来看
<body>
<ul>
<li>aaa</li>
<li >bbb</li>
<li>ccc</li>
</ul>
</body>
不加任何样式会显示
当设置样式为display:none时
<body>
<ul>
<li>aaa</li>
<li style="display: none;">bbb</li>
<li>ccc</li>
</ul>
</body>
网页显示
当设置样式为visibility:hidden时
<body>
<ul>
<li>aaa</li>
<li style="visibility: hidden;">bbb</li>
<li>ccc</li>
</ul>
</body>
网页显示
由上述实例可以看出
display:none:使用该属性后，元素的其他属性将全部失效
visibility:hidden:使用该属性后只是在视觉效果上看不见，但它占据的空间也 在，也就是说该元素的其他属性也依然存在
1060
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
