display:none與visibility:hidden的差別是什麼

【display:none】與【visibility:hidden】的區別是：1、前者不為被隱藏的物件保留其物理空間，後者為被隱藏的物件保留其物理空間；2、前者值變成block的時候結構才會被載入進來，後者載入頁面的同時就已經把它載入進來。

display:none 不為隱藏的物件保留其實體空間 

visibility ：hidden 為被隱藏的物件保留其物理空間也就是display:;

當他的值變成block 的時候，它所在的結構才會被載入進來。

而visibility就會在載入頁面的同時就已經把它載入進來了，因為他的值為hidden的時候，它所佔的空間還在。

使用CSS display:none屬性後，HTML元素（物件）的寬度、高度等各種屬性值都會「遺失」;

而讓visibility: hidden屬後，HTML元素（物件）只是在視覺上看不見（完全透明），而它所佔據的空間位置仍然存在

推薦教程： 《css教程》

以上是display:none與visibility:hidden的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！