CSS属性中Display与Visibility的区别

一，display:none与visibility:hidden的区别

       两者都可以用来控制元素的显示和隐藏，visibility属性用来确定元素是显示还是隐藏(visibility="visible|hidden")来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据所在文档流中的位置。而使用 display:none，元素会被隐藏，也不在占用文档流位置，会出现整个页面的重新刷新，导致页面闪烁。如果只是想单纯的隐藏元素的话，建议使用visibility来控制，这样用户体验要好，并且性能要比display:none控制的要高。