<div 顯示類型是用于定義 HTML 元素如何顯示的屬性。在 HTML 中，元素可以具有不同的顯示類型，例如塊級元素和內聯元素。通過使用不同的顯示類型，我們可以控制元素在頁面中的布局和呈現方式。本文將詳細解釋幾種常見的 div 顯示類型，并提供相應的代碼示例。
1. 塊級元素（display: block） 塊級元素在頁面中占據一整行，相對于其他元素而言，它上下都會創建額外的空間。塊級元素的寬度默認是 100%，可以通過設置寬度屬性來改變。下面是一個塊級元素的示例代碼：

<p>這是一個塊級元素：</p>
<pre>
<div style="display: block; border: 1px solid black; padding: 10px; background-color: gray;">
<p>這是一個塊級元素的內容。</p>
</div>

2. 內聯元素（display: inline） 內聯元素與文本類似，沒有獨占一行的特性。內聯元素的寬度和高度由它的內容決定，無法通過設置寬度和高度屬性來改變。下面是一個內聯元素的示例代碼：

<p>這是一個內聯元素：</p>
<pre>
<div style="display: inline; border: 1px solid black; padding: 10px; background-color: gray;">
<p>這是一個內聯元素的內容。</p>
</div>

3. 內聯塊級元素（display: inline-block） 內聯塊級元素結合了塊級元素和內聯元素的特點，它會在一行內顯示，并且可以通過設置寬度和高度來改變大小。下面是一個內聯塊級元素的示例代碼：

<p>這是一個內聯塊級元素：</p>
<pre>
<div style="display: inline-block; width: 200px; height: 200px; background-color: gray;">
<p>這是一個內聯塊級元素的內容。</p>
</div>

4. 無（display: none） 將元素的顯示類型設置為 none，可以使其在頁面上不可見，相當于完全隱藏了該元素。下面是一個隱藏元素的示例代碼：

<p>這是一個被隱藏的元素：</p>
<pre>
<div style="display: none;">
<p>這個元素是隱藏的，不會在頁面上顯示。</p>
</div>

通過設置不同的 div 顯示類型，我們可以實現不同的布局效果和顯示樣式。熟練掌握 div 顯示類型的使用方法，對于頁面的設計和排版具有重要的作用。希望本文的解釋和示例代碼能夠幫助讀者更好地理解和應用 div 顯示類型。