div 允許換行
<div>是HTML中的一個元素，它用于定義文檔中的一個區域，我們可以將內容包裹在<div>標簽內，從而將一塊內容作為一個整體進行處理。在默認情況下，<div>元素不會強制換行，它會在同一行上顯示。然而，我們可以通過適當地設置CSS樣式，使<div>元素具有換行的能力。本文將通過幾個代碼案例來詳細解釋<div>元素的換行效果。
代碼案例1：使用普通的<div>元素

下面的例子中，我們使用兩個普通的<div>元素，它們按默認方式排列在一行上：

<div>這是第一個div元素</div><div>這是第二個div元素</div>

輸出結果為：

<div>這是第一個div元素</div><div>這是第二個div元素</div>

可以注意到，兩個<div>元素并沒有自動換行，而是緊密地排列在一行上。

代碼案例2：使用 CSS 樣式設置換行

接下來，我們將使用CSS樣式來設置<div>元素具有換行的能力。我們可以使用CSS屬性"white-space: pre-wrap;"將換行符視為換行來顯示：

<style>
div {
white-space: pre-wrap;
}
</style>
<br>
<div>這是第一個<div>元素</div><div>這是第二個<div>元素</div>

輸出結果為：

<div>這是第一個<div>元素</div><div>這是第二個<div>元素</div></div>

可以看到，在這個例子中，由于CSS樣式"white-space: pre-wrap;"的設置，<div>元素在遇到換行符時會自動進行換行處理。

代碼案例3：使用 \
標簽設置換行

除了使用CSS樣式外，我們也可以使用HTML標簽\
在<div>元素中手動加入換行：

<div>這是第一個<br>div元素</div><div>這是第二個<br>div元素</div>

輸出結果為：

<div>這是第一個
div元素</div><div>這是第二個
div元素</div>

可以注意到，這里我們在兩個<div>元素中都插入了一個\
標簽，從而實現了換行效果。

：

通過本文的介紹，我們學習了如何通過適當的設置來實現<div>元素的換行。我們可以使用CSS樣式"white-space: pre-wrap;"將換行符視為換行來顯示，也可以使用HTML標簽\
在<div>元素中手動加入換行。通過這些方法，我們可以輕松地實現<div>元素的換行需求。