在不犧牲頁面空間的情況下隱藏元素

當嘗試從視覺顯示中刪除元素同時保持其在DOM 中的存在時，常見的方法涉及使用visibility:hidden屬性。但是，此方法可能會導致隱藏元素持續佔用空間。

要有效隱藏元素而不留下任何可見痕跡，請考慮利用 display:none 屬性與 display:block 結合使用來取消隱藏。

隱藏顯示：無

在您想要的元素上實現顯示：無晦澀難懂：

element {
  display: none;
}

此操作將使元素在視覺上難以察覺，從而有效地將其隱藏在視圖中。

使用 display:block 顯示

要讓已隱藏的元素元素重新出現，為其分配 display:block:

element {
  display: block;
}

此方法可讓您隱藏和顯示元素，而不影響它們在 DOM 中的存在或它們在頁面上分配的空間。