display和visibility的区别

刚开始学习css时，感觉知识点比较零碎 ，而且学着后面的忘记前面的，在看书的时候看到了visibility和display的区别，我看面试题的时候有这个问题，我就写下来了 ，希望对大家能有帮助。

visibility和display属性的差别可以从它们对使用静态或相当定位的元素的影响中看到。对于一个常规布局流中的元素，设置visibility属性为hidden使得元素不可见，但是在文档 布局流中的元素，设置visibility属性为hidden使得元素不可见，但是在文档布局中扔保留了它的空间。类似的元素可以重复隐藏和显示而不改变文档的布局。但是，如果元素的display属性设置为none，在文档布局中不在给它分配空间，它各边的元素会合拢，就当它从来不存在。例如，在创建展开和折叠轮廓的效果时display属性很有用。