CSS的display屬性是用來設置元素在網頁中的顯示方式的。屬性值決定了元素是以何種方式呈現在瀏覽器中。
例如,以下代碼設置元素以塊級元素的形式呈現: p { display: block; }
塊級元素通常會在前后各自創建一行,而行內元素則會在同一行上顯示。行內塊元素則是二者的結合,既有塊級元素的特性,又有行級元素的特性。
以下是將元素設置為行級元素的代碼: p { display: inline; }
除此之外,CSS還支持多種其他屬性值,例如:
- inline-block - 將元素設置為行內塊元素
- none - 將元素隱藏
- flex - 將元素設置為彈性盒子布局
例如,以下代碼將元素設置為行內塊元素: p { display: inline-block; }
display屬性值可以根據需求進行靈活設置,從而實現各式各樣的網頁布局效果。