1. 程式人生 > >display:none 與 visibility:hidden 的區別是什麼?

display:none 與 visibility:hidden 的區別是什麼?

共性:都能把網頁上某個元素隱藏起來

區別

  • display:none不為被隱藏的物件保留其物理空間,即該物件在頁面上徹底消失,通俗來說即看不見也摸不到

  • visiblility:hidden使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗講就是看不見但摸得到

優勢:visibility:hidden比display:none的優勢在於,如果我們用display:none;的話,切換顯示是頁面會產生迴流,導致頁面的重新構建,而visibility:hidden不會出現這種問題。