<div>標簽是HTML中的一個塊級元素，用于創建一個分隔區塊，可以將頁面分割為不同的部分。在默認情況下，<div>元素不會自動換行，所有的<div>元素都會顯示在同一行。如果想要在<div>元素之間創建換行效果，則需要為<div>元素添加一些CSS樣式。
，我們來看一個簡單的例子。假設我們想要在頁面上創建兩個不同的<div>元素，分別顯示為紅色和藍色，并且希望它們顯示在不同的行上。我們可以使用以下HTML和CSS代碼來實現這個效果：

示例 1：

<style>
.red-box {
background-color: red;
}
.blue-box {
background-color: blue;
}
</style>
<br>
<div class="red-box">紅色的盒子</div>
<div class="blue-box">藍色的盒子</div>

這段代碼中，我們定義了兩個CSS類別：.red-box和.blue-box 分別用來設置紅色盒子和藍色盒子的背景顏色。在HTML部分，我們為兩個<div>元素分別添加了這兩個類別，使它們具有不同的樣式。結果是，紅色盒子和藍色盒子會顯示在不同的行上。
有時候，我們希望在一個<div>元素內部換行，而不是使兩個<div>元素顯示在不同的行上。這可以通過CSS樣式的設置來實現。接下來，我們看一個例子，通過設置CSS樣式改變<div>元素的顯示方式。

示例 2：

<style>
.green-box {
background-color: green;
display: inline-block;
width: 100px;
height: 100px;
}
</style>
<br>
<div class="green-box">綠色的盒子</div>

在這個例子中，我們使用了一個名為.green-box的CSS類別來設置綠色盒子的背景顏色。此外，我們還通過設置display: inline-block來改變<div>元素的顯示方式。通過將<div>元素的display屬性設置為inline-block，我們可以實現在一個<div>元素內部換行的效果。此外，我們還設置了.width和.height屬性來指定綠色盒子的寬度和高度。
綜上所述，通過為<div>元素添加一些CSS樣式，我們可以實現不同的換行效果。示例1中，我們為不同的<div>元素定義了不同的類別，并將它們顯示在不同的行上。示例2中，我們使用display: inline-block將<div>元素內部換行，從而在一個<div>元素內部創建了多行文本。希望這些例子對你理解<div>換行樣式有所幫助。