在 CSS 中，要實現英文文本自動換行但不從單詞中間斷開的效果，可以使用 word-wrap 或 overflow-wrap 屬性。以下是相關的 CSS 屬性和它們的配置：

使用 overflow-wrap 或 word-wrap

/* This property is used to handle word breaking */
.word-wrap-example {overflow-wrap: break-word; /* or use 'word-wrap: break-word;' for older support */word-break: normal; /* Ensure words do not break in the middle */
}

各個屬性詳解

1. overflow-wrap (或 word-wrap):

   • break-word: 自動換行以避免溢出，同時不在單詞中間進行換行。這是現代瀏覽器推薦使用的屬性，word-wrap 是其別名，用于較舊的瀏覽器。

2. word-break:

   • normal: 依據默認的語言規則來處理換行。
   • break-all: 可在單詞中間進行換行（不是我們希望的效果）。
   • keep-all: 不對中文、日文等字符換行，不常用于英文。