CSS属性中Display与Visibility的区别

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

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

相关推荐