html中display的屬性值有none、block、inline、inline-block、flex、grid、table等。詳細(xì)介紹：1、none，設(shè)置元素不顯示，即隱藏元素，被隱藏的元素不占據(jù)頁面空間，并且不會(huì)對頁面布局產(chǎn)生影響；2、block，設(shè)置元素以塊級元素的方式顯示，塊級元素會(huì)獨(dú)占一行，并且可以設(shè)置寬度、高度、外邊距和內(nèi)邊距等屬性；3、inline等等。
本教程操作系統(tǒng)：windows10系統(tǒng)、DELL G3電腦。
HTML中的display屬性用于定義元素的顯示方式。display屬性有多種取值，常用的屬性值包括：
1. `none`: 設(shè)置元素不顯示，即隱藏元素。被隱藏的元素不占據(jù)頁面空間，并且不會(huì)對頁面布局產(chǎn)生影響。
2. `block`: 設(shè)置元素以塊級元素的方式顯示。塊級元素會(huì)獨(dú)占一行，并且可以設(shè)置寬度、高度、外邊距和內(nèi)邊距等屬性。常見的塊級元素有div、p、h1等。
3. `inline`: 設(shè)置元素以內(nèi)聯(lián)元素的方式顯示。內(nèi)聯(lián)元素不會(huì)獨(dú)占一行，可以和其他元素在同一行顯示。常見的內(nèi)聯(lián)元素有span、a、img等。
4. `inline-block`: 設(shè)置元素以內(nèi)聯(lián)塊級元素的方式顯示。內(nèi)聯(lián)塊級元素可以在一行顯示，并且可以設(shè)置寬度、高度、外邊距和內(nèi)邊距等屬性。常見的內(nèi)聯(lián)塊級元素有input、button等。
5. `flex`: 設(shè)置元素以彈性盒子模型的方式顯示。彈性盒子模型可以實(shí)現(xiàn)靈活的布局方式，可以設(shè)置元素的排列方向、對齊方式和排列順序等屬性。常見的彈性盒子模型屬性有flex-direction、justify-content和align-items等。
6. `grid`: 設(shè)置元素以網(wǎng)格布局模型的方式顯示。網(wǎng)格布局模型可以實(shí)現(xiàn)復(fù)雜的二維布局，可以設(shè)置元素在行和列上的位置、大小和間距等屬性。常見的網(wǎng)格布局屬性有g(shù)rid-template-rows、grid-template-columns和grid-gap等。
7. `table`: 設(shè)置元素以表格布局的方式顯示。表格布局可以實(shí)現(xiàn)類似表格的結(jié)構(gòu)，并且可以設(shè)置單元格的邊框、間距和對齊方式等屬性。常見的表格布局屬性有table-layout、border-collapse和text-align等。
除了上述常見的屬性值外，還有一些其他的display屬性值，如`inline-table`、`list-item`、`run-in`等，它們可以根據(jù)具體的需求來選擇使用。在實(shí)際應(yīng)用中，我們可以根據(jù)需要靈活地選擇不同的display屬性值，以實(shí)現(xiàn)不同的頁面布局和顯示效果。
