css中display的屬性值有inline、block、inline-block、none、flex、grid、table、inline-table、list-item或inherit等。詳細(xì)介紹：1、inline，元素被顯示為內(nèi)聯(lián)元素，與相鄰元素在同一行內(nèi)顯示，寬度和高度屬性不起作用，margin和padding屬性只能設(shè)置左右方向的值；2、block，元素被顯示等等。
本教程操作系統(tǒng)：windows10系統(tǒng)、DELL G3電腦。
CSS中的display屬性用于定義元素的顯示方式，它決定了元素在頁面中的呈現(xiàn)方式。display屬性有以下一些常見的屬性值：
1. inline：元素被顯示為內(nèi)聯(lián)元素，與相鄰元素在同一行內(nèi)顯示。寬度和高度屬性不起作用，margin和padding屬性只能設(shè)置左右方向的值。常見的內(nèi)聯(lián)元素有span、a、img等。
2. block：元素被顯示為塊級元素，獨(dú)占一行。寬度和高度屬性可以設(shè)置，margin和padding屬性可以設(shè)置四個方向的值。常見的塊級元素有div、p、h1等。
3. inline-block：元素被顯示為內(nèi)聯(lián)塊級元素，與相鄰元素在同一行內(nèi)顯示。寬度和高度屬性可以設(shè)置，margin和padding屬性可以設(shè)置四個方向的值。常見的內(nèi)聯(lián)塊級元素有button、input等。
4. none：元素不顯示，即隱藏元素。元素在頁面上不占據(jù)任何空間，也不響應(yīng)交互事件。
5. flex：使用彈性布局方式顯示元素，可以進(jìn)行靈活的布局。它使得元素能夠根據(jù)可用空間自動調(diào)整大小和位置。通常與flex-direction、flex-wrap等屬性一起使用。
6. grid：使用網(wǎng)格布局方式顯示元素，將元素放置在一個二維的網(wǎng)格中。網(wǎng)格布局提供了更精確的布局控制，可以定義行和列的大小、間距等。通常與grid-template-columns、grid-template-rows等屬性一起使用。
7. table：元素被顯示為表格，類似于HTML中的table元素。元素會被解析為一個表格對象，內(nèi)部可以包含表頭（thead）、表體（tbody）和表尾（tfoot）等子元素。
8. inline-table：元素被顯示為內(nèi)聯(lián)表格，與相鄰元素在同一行內(nèi)顯示。類似于table屬性，但是以內(nèi)聯(lián)元素的方式顯示。
9. list-item：元素被顯示為列表項(xiàng)，類似于HTML中的li元素。適用于無序列表（ul）和有序列表（ol）中的子項(xiàng)。
10. inherit：繼承父元素的display屬性值。如果沒有父元素，則被視為block。
這些是CSS中display屬性的一些常見屬性值，通過設(shè)置不同的display屬性值，可以靈活控制元素在頁面中的顯示方式，實(shí)現(xiàn)各種布局效果。
