Question

请问在css 中visibility:hidden和display:none有什么区别呢？

好像这两种属性都可以使网页上的元素隐藏，但是有什么区别呢？

Answer 1

<div style="width:100px;height:100px;background:red;visibility:hidden"></div>
//对象隐藏后，还有占有相应的空间大小

<div style="width:100px;height:100px;background:red;display:none"></div>
//对象隐藏后，对象不占任何空间

---对比一下就知道了

Answer 2

<div
style="width:100px;height:100px;background:red;visibility:hidden"></div>
//对象隐藏后，还有占有相应的空间大小
<div
style="width:100px;height:100px;background:red;display:none"></div>
//对象隐藏后，对象不占任何空间
---对比一下就知道了

Answer 3

Vue实践-CSS样式position/display/float属性对比使用