在CSS中，要使div中的文字換行顯示，可以使用多種方法，以下是一些常見的技巧：

1、使用CSS的white-space屬性：

white-space: normal;：這是默認(rèn)值，允許文本自動(dòng)換行。

white-space: nowrap;：禁止文本自動(dòng)換行，所有文本都會(huì)顯示在同一行。

white-space: pre;：保留文本中的空白和換行，相當(dāng)于HTML中的<pre>

white-space: pre-line;：保留文本中的空白，但允許自動(dòng)換行。

white-space: pre-wrap;：保留文本中的空白，并允許手動(dòng)和自動(dòng)換行。

2、使用CSS的word-break屬性：

word-break: normal;：這是默認(rèn)值，允許單詞在行末斷開。

word-break: break-all;：允許所有字符在行末斷開，包括連字符和短劃線。

word-break: keep-all;：不允許單詞在行末斷開，即使這意味著文本會(huì)溢出容器。

3、使用CSS的text-align屬性：

text-align: left;：文本左對(duì)齊，通常不會(huì)自動(dòng)換行。

text-align: right;：文本右對(duì)齊，通常不會(huì)自動(dòng)換行。

text-align: center;：文本居中對(duì)齊，通常不會(huì)自動(dòng)換行。

4、使用CSS的text-wrap屬性：

text-wrap: normal;：這是默認(rèn)值，允許文本自動(dòng)換行。

text-wrap: none;：禁止文本自動(dòng)換行。

5、使用HTML標(biāo)簽：

- 使用<br>標(biāo)簽手動(dòng)插入換行。

- 使用<p>標(biāo)簽創(chuàng)建段落，通常會(huì)自動(dòng)換行。

6、響應(yīng)式設(shè)計(jì)：

- 在響應(yīng)式設(shè)計(jì)中，可以使用媒體查詢（media queries）來根據(jù)屏幕大小調(diào)整文本換行的行為。

示例代碼

下面是一個(gè)示例CSS樣式表，展示了如何設(shè)置div中的文本換行顯示：

div {
  width: 200px; /* 示例寬度 */
  height: 100px; /* 示例高度 */
  border: 1px solid #000; /* 添加邊框以便看到效果 */
}
.normal {
  white-space: normal; /* 允許文本自動(dòng)換行 */
}
.nowrap {
  white-space: nowrap; /* 禁止文本自動(dòng)換行 */
}
.pre {
  white-space: pre; /* 保留空白和換行 */
}

HTML結(jié)構(gòu)示例

<div class="normal">這是自動(dòng)換行的文本，如果內(nèi)容很長(zhǎng)，它會(huì)自動(dòng)在容器內(nèi)換行顯示，這是自動(dòng)換行的文本，如果內(nèi)容很長(zhǎng)，它會(huì)自動(dòng)在容器內(nèi)換行顯示，這是自動(dòng)換行的文本，如果內(nèi)容很長(zhǎng)，它會(huì)自動(dòng)在容器內(nèi)換行顯示。</div>
<div class="nowrap">這是不自動(dòng)換行的文本，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)，這是不自動(dòng)換行的文本，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)，這是不自動(dòng)換行的文本，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)。</div>
<div class="pre">這是保留空白的文本，不會(huì)自動(dòng)換行，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)，這是保留空白的文本，不會(huì)自動(dòng)換行，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)，這是保留空白的文本，不會(huì)自動(dòng)換行，內(nèi)容無論多長(zhǎng)，都會(huì)顯示在同一行內(nèi)。</div>

通過調(diào)整這些樣式和屬性，你可以控制div中文本的換行行為，希望這些示例對(duì)你有幫助！