display 是 CSS 的一個屬性,是用來指定一個元素的顯示方式。
在 CSS3 中,display 屬性有了更多的選項,可以更細致地控制元素的顯示方式。
div{ display:block; }
其中,`block` 是 display 的一個值,表示將該元素顯示為塊級元素。塊級元素默認占據一整行,并沿著父元素的橫向方向自動撐滿,能夠自動換行;而內聯元素則不會自動換行,其寬度默認跟隨內容的寬度。
span{ display:inline; }
上述代碼將 span 元素顯示為內聯元素,這樣它將不再具有塊級元素的特性,而是變成了一個默認跟隨內容的行內元素。
div#example{ display:none; }
將元素的 display 屬性設置為 none,可以將該元素完全隱藏,與 visibility:hidden 的區別是后者只是讓元素不可見,占據頁面位置;而前者將隱藏整個元素,不再占據頁面位置。
其他的 display 屬性值還包括了 inline-block、table、table-cell、flex 等等,可以根據實際情況靈活設置。