android 浏览器（含 webview 和 chrome for android）不支持 hyphens: auto，因底层排版引擎未启用断字逻辑；应改用 overflow-wrap: break-word 或 word-break: break-all 等兼容方案解决长单词溢出问题。
hyphens: auto 在 Android 浏览器（尤其是 WebView 和 Chrome for Android）上基本不生效，这不是配置遗漏，而是底层引擎压根没启用断字逻辑——连 -webkit-hyphens: auto 也静默忽略。
Android 上 hyphens 失效的根本原因
Android 系统级排版引擎（Harfbuzz + ICU）默认关闭英文断字词典，且 Chrome for Android 未集成 DirectWrite 或 Core Text 那类带连字符表的渲染路径。WebView 更彻底：从 Android 7 到 14，hyphens 属性始终被解析为 none，即使 DevTools 显示为 auto，computed styles 里也查不到实际触发。
- 不是 CSS 写错，也不是漏加前缀——
-webkit-hyphens在 Android 上完全无作用 - 字体是否含 U+2010 连字符字形？无关紧要，因为断字流程根本没启动
-
lang="en"属性存在也没用，Android 浏览器根本不读取该信号来激活断字
别浪费时间调试 hyphens，直接换方案
在 Android 场景下，hyphens 是伪需求。真正要解决的是“长英文单词撑破容器”，而不是“要不要插连字符”。优先级应是防溢出，而非语义化断词。
- 对普通正文：
overflow-wrap: break-word（旧版兼容写word-wrap: break-word），它不依赖语言或字体，所有 Android 浏览器都认 - 对窄容器或技术字段（如 API 路径、哈希值）：
word-break: break-all，但必须配min-width: 0防 flex 子项锁死宽度 - 若需保留 URL 或路径语义（比如在
/v1/users/abc123def的/处断），用overflow-wrap: anywhere（Chrome 107+ / Firefox 109+ / Safari 16.4+ 支持，Android Chrome 115+ 已跟进）
真机验证时最容易忽略的点
Android 设备上测试，不能只看 Chrome DevTools 的模拟器——它会假性渲染 hyphens 效果。必须用真机打开，输入真实长词（如 antidisestablishmentarianism），并确认：
- 容器设置了
max-width或width（无限宽环境下overflow-wrap也不触发） - 没混用
word-break: break-all和hyphens: auto——前者会让后者彻底失效 - 没给父元素设
white-space: nowrap，否则所有断行属性都被压制
hyphens 是系统级排版功能，不是 CSS 开关。在 Android 上，它不存在；接受这点，才能快速切到真正有效的方案。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
