常用CSS筆記 - 隱藏元素兩種方法的不同 visibility: hidden vs. display: none

「visibility: hidden」和「display: none」不同。

visibility: hidden 會隱藏元素，

但這個元素仍會佔據版面配置中的相應空間 (其實就是一個空白方塊)；

display: none 會直接從轉譯樹狀結構中徹底移除元素，

該元素不僅會消失，而且也不再屬於版面配置的一部分。