CEF（Chromium Embedded Framework）中自动断字功能失效问题

排查与修复方案 #

1. 确认CEF版本与字库支持 #

CEF的自动断字依赖内置语言字典，部分旧版本可能未打包德语断字字库：

• 优先升级CEF到Chromium内核≥90的版本，旧版本对hyphens: auto的支持存在缺陷。
• 若为自定义编译的CEF，需确保编译时包含了德语（de-DE）的断字字典文件。

2. 调整CSS属性组合 #

当前CSS属性可能存在冲突，替换为更适配CEF的写法：

.target-container {
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

• 添加-webkit-hyphens: auto，CEF基于Chromium内核，前缀属性有时兼容性更好。
• 用overflow-wrap: anywhere替代break-word，它会优先配合断字规则，仅在断字失效时作为降级拆分方案。
• 移除word-break: break-word，该属性会强制拆分单词，干扰hyphens: auto的触发逻辑。

3. 强制元素断字语言 #

即使页面设置了<html lang="de-de">，部分CEF环境可能未正确识别，可通过CSS显式指定：

.target-container {
  lang: de-de;
}

4. 检查容器布局上下文 #

CEF中特定布局模式会阻断断字触发：

• 确保容器为块级元素（display: block），inline/inline-block元素难以触发自动断字。
• 容器需设置明确的width或max-width，无宽度限制时断字逻辑不会启动。

5. 手动添加软连字符（应急方案） #

对极长的特定德语单词，手动插入软连字符­，例如Entwicklungs­umgebung，CEF会在需要时自动在此处断字。

内容的提问来源于stack exchange，提问作者Tommy