CSS樣式單中的display屬性是非常重要的屬性之一,它可以控制元素的展示方式。
.box { display: block; }
在上述代碼中,display被設置為block,這意味著元素會在新的一行上顯示,并會在左右兩側填充滿父元素的寬度。
.box { display: inline-block; }
如果將display設置為inline-block,那么元素會在一行上顯示,但是仍具備塊級元素的特征,如可以設置高度、寬度、內邊距及外邊距等屬性。
.box { display: inline; }
如果將display設置為inline,則元素被設置為內聯元素,將不具備塊級元素的特征,而是會被嵌入到父元素的文本流中。
.box { display: none; }
最后,如果將display設置為none,則元素不會被顯示出來,且不會占據空間。
在實際應用中,我們可以利用display屬性來控制不同元素的展示方式,使得頁面美觀易讀。