<div>是HTML中的一個(gè)標(biāo)簽，用于定義一個(gè)區(qū)域或容器，并且可以用來顯示其他HTML元素。在<div>標(biāo)簽內(nèi)部，我們可以添加任何其他HTML元素、文本內(nèi)容和CSS樣式，從而實(shí)現(xiàn)各種不同的顯示效果。
下面我們來看幾個(gè)關(guān)于如何使用display屬性在<div>中顯示內(nèi)容的代碼案例。
，我們可以使用display:block屬性來將<div>標(biāo)簽顯示為塊級元素。塊級元素會(huì)獨(dú)占一行，并且默認(rèn)會(huì)撐滿父容器的寬度。例如，我們可以使用以下代碼來實(shí)現(xiàn)一個(gè)占滿父容器寬度的塊級元素：

<p><div style="display:block; background-color:#f2f2f2; width:100%; height:100px;"></p>
<p>    這是一個(gè)塊級元素的內(nèi)容</p>
<p></div></p>

在上面的代碼中，我們將<div>標(biāo)簽的display屬性設(shè)置為block，使其變?yōu)閴K級元素，并且設(shè)置了背景顏色、寬度和高度。
接下來，我們可以使用display:inline屬性來將<div>標(biāo)簽顯示為內(nèi)聯(lián)元素。內(nèi)聯(lián)元素與其他元素在一行上顯示，并且會(huì)根據(jù)內(nèi)容的大小自動(dòng)調(diào)整寬度。例如，我們可以使用以下代碼來實(shí)現(xiàn)一個(gè)內(nèi)聯(lián)元素：

<p><div style="display:inline; background-color:#f2f2f2;"></p>
<p>    這是一個(gè)內(nèi)聯(lián)元素的內(nèi)容</p>
<p></div></p>

在上面的代碼中，我們將<div>標(biāo)簽的display屬性設(shè)置為inline，使其變?yōu)閮?nèi)聯(lián)元素，并且設(shè)置了背景顏色。
此外，我們還可以使用display:inline-block屬性來將<div>標(biāo)簽顯示為內(nèi)聯(lián)塊級元素。內(nèi)聯(lián)塊級元素會(huì)在一行上顯示，但是可以設(shè)置寬度和高度。例如，我們可以使用以下代碼來實(shí)現(xiàn)一個(gè)內(nèi)聯(lián)塊級元素：

<p><div style="display:inline-block; background-color:#f2f2f2; width:200px; height:100px;"></p>
<p>    這是一個(gè)內(nèi)聯(lián)塊級元素的內(nèi)容</p>
<p></div></p>

在上面的代碼中，我們將<div>標(biāo)簽的display屬性設(shè)置為inline-block，使其變?yōu)閮?nèi)聯(lián)塊級元素，并且設(shè)置了背景顏色、寬度和高度。
起來，在HTML中使用display屬性可以控制<div>標(biāo)簽的顯示方式。通過設(shè)置不同的display屬性值，我們可以將<div>標(biāo)簽顯示為塊級元素、內(nèi)聯(lián)元素或內(nèi)聯(lián)塊級元素，從而實(shí)現(xiàn)不同的顯示效果。