word-wrap: break-word; 屬性用於指定在長單詞或 URL 地址等無法在當前行完整顯示的情況下,是否允許拆分單詞以換行。設置為 break-word 時,瀏覽器會嘗試在不溢出容器邊界的情況下換行,如果必要的話會拆分單詞。
word-break: keep-all; 屬性用於控制文本換行的方式。keep-all 值表示瀏覽器應盡量保持非 CJK(中文、日文、韓文)字符序列的完整性,即不允許在非 CJK 字符序列中換行。這在英文單詞中可能會導致換行不如預期。
當這兩個屬性同時應用在同壹個元素上時,由於它們之間存在沖突,可能會導致英文單詞被拆分。在這種情況下,您可以嘗試移除 word-break: keep-all; 屬性,只保留 word-wrap: break-word; 屬性,以便在需要時正確拆分英文單詞。