CSS的display屬性用于指定元素的顯示方式。它有以下幾個常用的取值:
block:元素將被顯示為塊級元素,獨占一行,默認情況下寬度自動填充父元素的寬度。
inline:元素將被顯示為內聯元素,不會獨占一行,僅占據內容所需的空間。
inline-block:元素將被顯示為內聯塊級元素,不會獨占一行,但可以設置寬度和高度等塊級元素的屬性。
none:元素將不會被顯示,即隱藏元素,同時不占據任何空間。
flex:元素將被顯示為彈性盒子容器,可以通過設置子元素的flex屬性來控制子元素的尺寸。
grid:元素將被顯示為網格容器,可以通過設置子元素的grid屬性來控制子元素在網格中的布局。
display屬性還有其他取值,如table、table-cell、table-row等,用于實現表格布局效果。此外,還可以通過display屬性配合position屬性,如display: inline-block; position: absolute;來實現一些特殊的布局效果。