CSS英文自動換行

一、英文自動換行怎麼辦

英文單詞沒有空格，如果不加任何處理，英文單詞將會一直持續到很遠，導致頁面排版混亂。需要使用CSS讓長單詞在遇到邊界時自動換行。

對於普通情況下，建議使用word-break屬性：

  p {
    word-break: break-all;
  }

上例中，我們將所有單詞通過將單詞段落包裹一層P標籤，然後通過CSS屬性word-break: break-all實現單詞自動換行。

word-break屬性最主要的效果是能夠讓長單詞自動換行到下一行。

二、CSS文本換行自適應

當出現長單詞時，使用word-break:break-all屬性可能會破壞單詞的完整性，無法閱讀。因此，我們可以在單詞連字符連詞符前面添加一個零寬空格來實現完整單詞在換行時的出現。

  p {
    white-space: pre-wrap;
    word-wrap: break-word;
  }

上例中，我們使用CSS white-space屬性和word-wrap屬性，使文本能夠根據容器寬度自動換行。white-space: pre-wrap的作用是保留空格和換行符，而word-wrap: break-word的作用是遇到長單詞時自動換行。

三、WPS英文自動換行

WPS中的文字默認是自動換行的，因此不需要額外設置，除非特殊需要。

四、CSS設置文本自動換行

除了word-break屬性，CSS中還有word-wrap屬性，兩者的區別在於：

• word-break在單詞內部換行
• word-wrap在單詞的任意位置上換行，包括單詞中間

  p {
    word-wrap: break-word;
  }

五、Word英文自動換行

在Word中，如果開啟了自動換行功能，則在文本框或文本區域中自動換行。如果想完全按照自己的意願控制換行，則可以使用Ctrl + Enter手動換行，或者設置換行標識。

六、CSS文本自動換行

在CSS中，可以使用white-space和overflow兩個屬性來控制換行。如下所示：

  p {
    white-space: nowrap;
    overflow-wrap: break-word;
  }

上例中，white-space: nowrap使得單詞不會自動換行，並且在容器寬度不夠時會出現滾動條。overflow-wrap: break-word能夠讓單詞自動換行到下一行。

七、Word英文自動換行怎麼取消

如果在Word中想避免自動換行，可以通過以下幾種方法實現：

• 手動斷開單詞：可以按Ctrl + Enter手動斷開單詞並換行。
• 取消“自動換行”選項：在“選項”對話框中取消“自動換行”選項的勾選。
• 使用行尾標記：在某個位置添加行尾標記Shift + Enter，使得該位置文本不會自動換行。

八、CSS英文數字換行

默認情況下，數字和字母同樣可以通過CSS的屬性word-break進行換行：

  p {
    word-break: break-all;
    word-wrap: break-word;
  }

上例中，word-break能夠讓長數字或英文單詞自動換行到下一行，而word-wrap可以在單詞、數字或字符中間換行。

九、Word輸入英文自動換行

在Word中，可以在“文件”-“選項”-“校驗”中設置換行規則，包括將句子中的單詞斷開和不斷開單詞。具體如下圖所示：

在“校驗”中勾選”不斷開單詞”選項，則Word輸入的英文不會自動換行。