<div>標簽是HTML中的一個重要的塊級元素，常用于創建一個獨立的區塊，并且可以用于布局。但是，當內容超過了div的寬度時，會默認出現滾動條來顯示內容，而不會自動換行。當我們希望讓div自動換行，適應內容的寬度時，我們可以使用一些CSS屬性來實現。
，我們可以通過設置div的CSS屬性為"word-wrap: break-word;"，來實現內容自動換行。該屬性告訴瀏覽器，如果一個單詞太長無法在一行中完整顯示，那么就允許在單詞內部進行換行，讓單詞適應div的寬度。下面是一個示例：

使用word-wrap: break-word實現div自動換行：

<div style="word-wrap: break-word; width: 200px;">
這是一段很長很長的文本內容，超出了div的寬度，但是由于設置了word-wrap: break-word，所以會自動進行換行。
</div>

在上面的例子中，我們設置了div的寬度為200px，并且設置了word-wrap: break-word，當文本內容超出了200px寬度時，內容會自動換行。
除了使用word-wrap: break-word，我們還可以使用CSS屬性"overflow-wrap: break-word;"來實現div的自動換行。這個屬性的作用與word-wrap相同，只是在CSS3中被重新命名為overflow-wrap。下面是一個示例：

使用overflow-wrap: break-word實現div自動換行：

<div style="overflow-wrap: break-word; width: 200px;">
這是一段很長很長的文本內容，超出了div的寬度，但是由于設置了overflow-wrap: break-word，所以會自動進行換行。
</div>

上述例子中的效果與使用word-wrap相同，當文本內容超出了200px寬度時，內容會自動換行。
除了設置"word-wrap"和"overflow-wrap"屬性，我們還可以使用“white-space: pre-wrap;”屬性來實現div的自動換行。此屬性告訴瀏覽器要保留空白符并允許自動換行。下面是一個示例：

使用white-space: pre-wrap實現div自動換行：

<div style="white-space: pre-wrap; width: 200px;">
這是一段很長很長的文本內容，超出了div的寬度，但是由于設置了white-space: pre-wrap，所以會自動進行換行。
</div>

在上面的例子中，當文本內容超出了200px寬度時，內容會自動換行。
綜上所述，我們可以通過設置CSS屬性"word-wrap: break-word;"、"overflow-wrap: break-word;"或者"white-space: pre-wrap;"來實現div的自動換行。這些屬性告訴瀏覽器如何處理內容的換行和自動換行，在布局和展示長文本內容時都非常有用。