【display:none】與【visibility:hidden】的區別是:1、前者不為被隱藏的物件保留其物理空間,後者為被隱藏的物件保留其物理空間;2、前者值變成block的時候結構才會被載入進來,後者載入頁面的同時就已經把它載入進來。
display:none
不為隱藏的物件保留其實體空間
visibility :hidden
為被隱藏的物件保留其物理空間也就是display:
;
當他的值變成block
的時候,它所在的結構才會被載入進來。
而visibility
就會在載入頁面的同時就已經把它載入進來了,因為他的值為hidden
的時候,它所佔的空間還在。
使用CSSdisplay:none
屬性後,HTML元素(物件)的寬度、高度等各種屬性值都會「遺失」;
而讓visibility: hidden屬後,HTML元素(物件)只是在視覺上看不見(完全透明),而它所佔據的空間位置仍然存在
推薦教程: 《css教程》
以上是display:none與visibility:hidden的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!