CSS是網(wǎng)頁設(shè)計必不可缺的部分,它可以控制網(wǎng)頁的樣式和布局。在某些情況下,我們需要將某個元素設(shè)置為不顯示,這時就要使用CSS的"display"屬性。下面我們來看一下如何設(shè)置為不顯示。
//CSS代碼 .hide{ display:none; }
上面的代碼是用CSS設(shè)置一個類名為“hide”的元素為不顯示。其中"display"屬性被設(shè)為"none",這表示元素不會在頁面中顯示出來。當(dāng)我們需要把一個元素設(shè)置成不顯示的時候,只需要給它加上這個類名即可。
下面是一個例子,讓我們通過這個例子來更加深入的理解。
//HTML代碼 <div class="box hide"> <p>這是一個不顯示的區(qū)塊</p> </div>
上面的代碼中,我們給一個id為“box”的div元素加上了hide這個類名,這意味著這個元素不會顯示在頁面中。下面我們來看一下效果。
如上所示,這個區(qū)塊沒有顯示出來,這就是我們用CSS設(shè)置為不顯示所達(dá)到的效果。
需要注意的是,設(shè)置為不顯示的元素仍然會占用頁面中的空間,而且它的子元素也會被影響。所以,在設(shè)計頁面時,我們應(yīng)該合理運(yùn)用這個屬性,以達(dá)到更好的設(shè)計效果。