刚开始学习css时,感觉知识点比较零碎 ,而且学着后面的忘记前面的,在看书的时候看到了visibility和display的区别,我看面试题的时候有这个问题,我就写下来了 ,希望对大家能有帮助。
visibility和display属性的差别可以从它们对使用静态或相当定位的元素的影响中看到。对于一个常规布局流中的元素,设置visibility属性为hidden使得元素不可见,但是在文档 布局流中的元素,设置visibility属性为hidden使得元素不可见,但是在文档布局中扔保留了它的空间。类似的元素可以重复隐藏和显示而不改变文档的布局。但是,如果元素的display属性设置为none,在文档布局中不在给它分配空间,它各边的元素会合拢,就当它从来不存在。例如,在创建展开和折叠轮廓的效果时display属性很有用。