直接上代码:
<div id="test1" style="display:none"></div> <div id="test2" style="visibility:hidden"></div> <script> console.log($("#test1").width()); console.log($("#test2").width()); </script>
这两段输出的结果分别是 0和1400(视浏览器宽度定)
这就是display:none和visibility:hidden隐藏元素的区别。
visibility:hidden可以做到站位,就是假如你想隐藏一个元素,但是又想知道它的宽度可以使用visibility:hidden来获得。
- 1楼zhanghongjie0302昨天 21:44
- 很不错的一个小知识点,学习了!