<div class 顯示是一種在網頁開發中常用的CSS樣式類。它的作用是給HTML元素添加一個特定的樣式，讓這個元素以"塊狀"或"盒狀"的形式在頁面中顯示。通過使用div class 顯示，我們可以更好地控制和布局頁面的各個元素，使其更具美觀和可讀性。
下面我們將通過幾個代碼案例來詳細解釋說明div class顯示的應用。
案例1： 假設我們有一個網頁，其中包含了一段文章。我們希望將這段文章的文字以"塊狀"的形式居中顯示，并設置背景顏色為灰色。我們可以使用以下代碼實現這個效果：

代碼如下：

<div class="center-block">
<p>這是一段居中顯示的文字。</p>
</div>

解釋：

上述代碼中，我們使用了div元素，并通過添加class屬性值"center-block"來指定這個元素的樣式類為居中顯示的塊狀樣式。center-block是CSS中的一個預定義類名，它實現了水平居中和垂直居中的效果。div元素包裹了一段文字，通過p元素來表示。

案例2： 現在我們需要在網頁中創建一個包含多個小方塊的菜單欄。每個小方塊代表一個導航鏈接，并且每個方塊的背景顏色不同。我們可以通過以下代碼實現這個菜單欄：

代碼如下：

<div class="menu">
<div class="menu-item red">鏈接1</div>
<div class="menu-item green">鏈接2</div>
<div class="menu-item blue">鏈接3</div>
</div>

解釋：

上述代碼中，我們使用了div元素，并分別為每個導航鏈接創建了一個div元素。我們為這些div元素添加了樣式類"menu-item"，并為每個元素指定了不同的背景顏色類名（例如red、green和blue）。這樣可以使每個小方塊都有不同的背景顏色。

通過以上的兩個代碼案例，我們可以看到div class顯示在網頁開發中的應用。它能夠幫助我們更好地控制和布局頁面的各個元素，使網頁更具美觀和可讀性。在實際開發中，我們可以根據具體需求來使用不同的div class顯示樣式，例如居中顯示、背景顏色設置等。這些樣式類可以通過CSS的定義來實現，也可以通過預定義的類名來使用。因此，在設計網頁布局時，我們可以靈活運用div class顯示，使頁面更加具有吸引力和易讀性。