CSS 中有屬性可以讓元素隱藏,這個屬性就是
display: none;
這個屬性的作用就是將元素完全隱藏,包括元素本身和它所占據的空間。使用這個屬性的時候,會造成該元素不會顯示在文檔流中,并且其他元素會從原來的位置移動填充被隱藏的元素所占據的空間。
當我們寫 CSS 代碼時,可以利用這個屬性來隱藏一些元素,這個在一些特定的場景非常有用。比如我們需要一個登錄框,但是這個登錄框只在用戶點擊登錄按鈕的時候出現,那么我們就可以使用這個屬性,在一開始就把這個登錄框給隱藏起來。
同時,這個屬性可以被 JavaScript 腳本所控制,可以動態地改變元素的隱藏狀態。這個在一些交互性比較強的頁面上非常有用。