CSS樣式hidden常用于隱藏元素,它可以讓元素不可見,但是并沒有將元素從文檔流中刪除。
//HTML代碼 <div class="hidden">這是一個隱藏的div</div> //CSS代碼 .hidden { display: none; }
上面的代碼可以讓class為hidden的div元素隱藏起來,不顯示在頁面上。同時,因為display屬性為none,所以該元素所占據的空間也會被釋放,其他元素可以頂替它的位置。
除了使用display屬性,我們還可以使用visibility屬性將元素隱藏。不同的是,如果使用visibility屬性,元素所占據的空間依然存在,并不會被釋放。
.hidden { visibility: hidden; }
上面的代碼將class為hidden的元素的visibility屬性設為hidden,這樣它將不可見,但所占據的空間并不會被其他元素頂替。
需要注意的是,隱藏元素并不意味著它沒有被加載,它仍然占用了頁面的資源。因此,我們應該盡量避免不必要的隱藏操作,以減少頁面的負擔。
上一篇css樣式 id樣式
下一篇mysql+只顯示時分秒