display的屬性有block、inline、inline-block、none、flex、grid等。詳細(xì)介紹：1、block，使用block屬性值，元素將以塊級(jí)元素的形式顯示，塊級(jí)元素會(huì)獨(dú)占一行，并會(huì)在前后自動(dòng)換行；2、inline，使用inline屬性值，元素將以內(nèi)聯(lián)元素的形式顯示，內(nèi)聯(lián)元素不會(huì)獨(dú)占一行，而是與其他內(nèi)聯(lián)元素在一行上顯示；3、inline-block等等。
本教程操作系統(tǒng)：windows10系統(tǒng)、DELL G3電腦。
display屬性是CSS中常用的一個(gè)屬性，用于控制元素的顯示方式。通過(guò)使用display屬性，可以使元素以不同的方式呈現(xiàn)在頁(yè)面上。
在CSS中，display屬性有多個(gè)取值，下面將介紹幾種常用的display屬性及其屬性值。
1. block（塊級(jí)元素）：使用block屬性值，元素將以塊級(jí)元素的形式顯示。塊級(jí)元素會(huì)獨(dú)占一行，并且會(huì)在前后自動(dòng)換行。常見(jiàn)的塊級(jí)元素有div、p、h1-h6等。
2. inline（內(nèi)聯(lián)元素）：使用inline屬性值，元素將以內(nèi)聯(lián)元素的形式顯示。內(nèi)聯(lián)元素不會(huì)獨(dú)占一行，而是與其他內(nèi)聯(lián)元素在一行上顯示。常見(jiàn)的內(nèi)聯(lián)元素有span、a、em等。
3. inline-block（內(nèi)聯(lián)塊級(jí)元素）：使用inline-block屬性值，元素將以內(nèi)聯(lián)塊級(jí)元素的形式顯示。內(nèi)聯(lián)塊級(jí)元素不會(huì)獨(dú)占一行，但可以設(shè)置寬度和高度，并且可以在同一行上顯示。常見(jiàn)的內(nèi)聯(lián)塊級(jí)元素有input、button等。
4. none（隱藏元素）：使用none屬性值，元素將被隱藏，不再占據(jù)頁(yè)面的空間。被隱藏的元素在頁(yè)面上不可見(jiàn)，也不會(huì)影響其他元素的布局。可以通過(guò)JavaScript等方式來(lái)控制元素的顯示與隱藏。
5. flex（彈性布局）：使用flex屬性值，元素將以彈性盒模型的形式進(jìn)行布局。彈性布局可以實(shí)現(xiàn)靈活的布局方式，可以方便地調(diào)整元素的大小和位置。常見(jiàn)的彈性布局屬性有flex-direction、flex-wrap、justify-content等。
6. grid（網(wǎng)格布局）：使用grid屬性值，元素將以網(wǎng)格布局的形式進(jìn)行布局。網(wǎng)格布局提供了一種二維布局方式，可以將頁(yè)面劃分為行和列，并且可以對(duì)元素進(jìn)行定位和對(duì)齊。常見(jiàn)的網(wǎng)格布局屬性有g(shù)rid-template-rows、grid-template-columns、grid-gap等。
除了以上常用的display屬性值外，還有一些其他的display屬性值，如table（表格元素）、table-cell（表格單元格元素）等，可以根據(jù)具體的需求選擇合適的屬性值來(lái)控制元素的顯示方式。
總結(jié)起來(lái)，display屬性是CSS中控制元素顯示方式的重要屬性，常用的display屬性值有block、inline、inline-block、none、flex、grid等。通過(guò)靈活運(yùn)用這些屬性值，可以實(shí)現(xiàn)各種不同的布局效果，提升頁(yè)面的可讀性和用戶體驗(yàn)。
