<div>標(biāo)簽是HTML中的一個(gè)元素，用于創(chuàng)建一個(gè)容器，以將內(nèi)容分組在一起。除了常用的作用，<div>標(biāo)簽還可以用于控制內(nèi)容的顯示級(jí)別。通過(guò)設(shè)置不同的CSS屬性，可以將<div>標(biāo)簽的顯示級(jí)別調(diào)整為block、inline或none。
<div>標(biāo)簽的默認(rèn)顯示級(jí)別是block。當(dāng)一個(gè)元素的顯示級(jí)別設(shè)置為block時(shí)，它將獨(dú)占一行，且會(huì)在上下方空出一些距離。這意味著，其他元素?zé)o法與其在同一行展示。
例如，下面的代碼創(chuàng)建了兩個(gè)<div>標(biāo)簽，其中第一個(gè)標(biāo)簽的display屬性設(shè)置為block：

<p><div style="display:block;">第一個(gè)DIV</div></p>
<p><div>第二個(gè)DIV</div></p>

在瀏覽器中顯示效果如下：
第一個(gè)DIV 第二個(gè)DIV
由于第一個(gè)<div>標(biāo)簽的顯示級(jí)別設(shè)置為block，因此它獨(dú)占一行，并且在上下方空出了一些距離。與之相反，第二個(gè)<div>標(biāo)簽的顯示級(jí)別保持默認(rèn)值，即也是block，所以它也獨(dú)占一行。
除了block顯示級(jí)別，<div>標(biāo)簽還可以被設(shè)置為inline顯示級(jí)別。與block不同，inline元素不會(huì)獨(dú)占一行，而是盡可能地在同一行顯示。下面的代碼演示了如何使用display屬性將<div>標(biāo)簽的顯示級(jí)別設(shè)置為inline：

<p><div style="display:inline;">第一個(gè)DIV</div></p>
<p><div>第二個(gè)DIV</div></p>

在瀏覽器中顯示效果如下：
第一個(gè)DIV第二個(gè)DIV
由于第一個(gè)<div>標(biāo)簽的顯示級(jí)別設(shè)置為inline，它與第二個(gè)<div>標(biāo)簽在同一行顯示。
最后，<div>標(biāo)簽還可以被設(shè)置為none顯示級(jí)別。當(dāng)顯示級(jí)別設(shè)置為none時(shí)，元素將在頁(yè)面中完全隱藏，不會(huì)占用任何空間。下面的代碼演示了如何使用display屬性將<div>標(biāo)簽的顯示級(jí)別設(shè)置為none：

<p><div style="display:none;">隱藏的DIV</div></p>
<p><div>顯示的DIV</div></p>

在瀏覽器中顯示效果如下：
顯示的DIV
這里第一個(gè)<div>標(biāo)簽的顯示級(jí)別設(shè)置為none，所以它在頁(yè)面中完全隱藏。相反，第二個(gè)<div>標(biāo)簽的顯示級(jí)別保持默認(rèn)值block，所以它正常顯示。
起來(lái)，通過(guò)設(shè)置不同的CSS屬性，可以輕松地調(diào)整<div>標(biāo)簽的顯示級(jí)別。block級(jí)別顯示的<div>標(biāo)簽獨(dú)占一行，而inline級(jí)別顯示的<div>標(biāo)簽盡可能地在同一行顯示。如果將顯示級(jí)別設(shè)置為none，則該<div>標(biāo)簽完全隱藏。這些顯示級(jí)別的設(shè)置可以根據(jù)不同的需求和布局來(lái)靈活應(yīng)用，以實(shí)現(xiàn)更好的頁(yè)面展示效果。