display的取值有block、inline、none、inline-block、flex、grid、table、inline-table和list-item等。詳細(xì)介紹：1、block，將元素渲染為塊級(jí)元素，塊級(jí)元素在頁(yè)面上形成一個(gè)塊，并且獨(dú)占一行；2、inline，將元素渲染為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素不會(huì)獨(dú)占一行，可以與其他元素并排；3、none，此值指定元素不會(huì)在頁(yè)面上等等。
本教程操作系統(tǒng)：windows10系統(tǒng)、DELL G3電腦。
在CSS中，display屬性用于確定元素的顯示類型。它可以有多種不同的值，以下是一些主要的display屬性值：
1、block：將元素渲染為塊級(jí)元素。塊級(jí)元素在頁(yè)面上形成一個(gè)塊，并且獨(dú)占一行。例如，<div>、<p>、<h1>–<h6>以及<li>等都是默認(rèn)的塊級(jí)元素。
2、inline：將元素渲染為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素不會(huì)獨(dú)占一行，可以與其他元素并排。例如，<span>、<a>等都是默認(rèn)的內(nèi)聯(lián)元素。
3、none：此值指定元素不會(huì)在頁(yè)面上顯示。它與visibility: hidden不同，因?yàn)槭褂?code class=" inline" style='padding: 1px 4px;font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;margin: 0px 2px;font-size: 12.75px;border-radius: 3px'>visibility: hidden的元素仍然會(huì)占據(jù)頁(yè)面空間，而使用display: none的元素則完全從布局中移除。
4、inline-block：將元素渲染為內(nèi)聯(lián)塊級(jí)元素。內(nèi)聯(lián)塊級(jí)元素的特點(diǎn)是它們像內(nèi)聯(lián)元素一樣并排，但可以設(shè)置寬度和高度，像塊級(jí)元素一樣有自己的尺寸。
5、flex：將元素渲染為彈性盒模型。彈性盒模型是一種用于在一維空間（行或列）內(nèi)布局、對(duì)齊和分布空間的CSS布局技術(shù)。
6、grid：將元素渲染為網(wǎng)格容器。網(wǎng)格容器可以在二維空間（行和列）內(nèi)布局、對(duì)齊和分布空間。
7、table：將元素渲染為表格。這種值主要用于顯示表格數(shù)據(jù)，但現(xiàn)在已經(jīng)不常用，因?yàn)楝F(xiàn)代的CSS技術(shù)提供了更靈活的布局方法。
8、inline-table：將元素渲染為內(nèi)聯(lián)表格。內(nèi)聯(lián)表格類似于內(nèi)聯(lián)塊級(jí)元素，但具有表格的特性，例如單元格之間的邊距和填充。
9、list-item：將元素渲染為列表項(xiàng)。使用此值時(shí)，元素會(huì)顯示為列表中的一個(gè)項(xiàng)目，并帶有默認(rèn)的項(xiàng)目符號(hào)或編號(hào)。
除了以上這些主要的display屬性值，還有一些其他的取值，如?run-in、compact、marker等，但在現(xiàn)代的Web開(kāi)發(fā)中，這些值的使用并不常見(jiàn)。大多數(shù)情況下，使用上述的幾個(gè)主要值就可以滿足大部分的布局需求。
