在編寫網頁時,我們時常會遇到這樣的情況:有些元素在頁面上不需要顯示,但是卻會占用位置,影響到頁面的展示效果。這時候就需要用到隱藏占位置css。
.hide { visibility: hidden; }
使用visibility: hidden;可以將元素隱藏,并且不會影響到頁面的布局,但是元素還是存在的,占據著它原本應該占的位置。
另一種常見的隱藏元素的方式是使用display: none;,這種方法會將元素隱藏,并且不再占據任何位置,而且元素的所有子元素也會被隱藏。但是需要注意的是,如果將一個元素設置為display: none;后,它在頁面中就不再存在了,無法通過js等方式重新顯示。
.hide { display: none; }
隱藏占位置css在實際開發中用處非常大,可以讓我們更加靈活地掌控頁面布局。需要注意的是,它并不是萬能的,需要根據具體的需求選擇對應的方法來實現元素的隱藏。
下一篇html 自動輪播代碼