在CSS中,有時候我們需要控制一個元素的顯示或隱藏,那么有沒有類似于hide的功能呢?
/* 隱藏一個元素 */ display: none;
使用display屬性的值為none可以隱藏一個元素,這個元素不會占用空間也不會在頁面上顯示。
/* 隱藏一個元素 - visibility */ visibility: hidden;
另外一種方式是使用visibility屬性,將其值設為hidden可以將元素隱藏,但是該元素會占用空間,只是在頁面中不顯示而已。
/* 隱藏元素的內容 - clip */ clip: rect(0,0,0,0); position: absolute;
clip屬性可以將元素的內容隱藏,但是保留元素的空間,這個屬性通常與絕對定位一起使用,如果只使用clip屬性,元素會徹底消失。
所以,在CSS中確實有隱藏元素的功能,我們可以根據實際需要選擇不同的方式來實現。