是可选换行点，用于长技术词等防溢出场景，仅在必要时由浏览器折行；应插在合法断点如斜杠后、大小写交界前，配合 overflow-wrap: break-word 使用。
什么时候该用
适用于长技术词、URL、文件路径、哈希值等无法自然断开但又必须防溢出的场景。比如：https://example.com/api/v2/users/1234567890abcdef，直接放页面里可能撑破容器。word-break: break-all 会乱切单词，不友好。
-
- 比
white-space: pre-wrap更轻量，不影响其他排版行为 - 兼容性好：Chrome 11+、Firefox 14+、Safari 5.1+、Edge 12+ 都支持
必须插在单词内部的“合法断点”处，比如连字符后、斜杠后、下划线后、大小写交界（驼峰）前。放错位置会导致无效或视觉割裂。
- ✅ 推荐：
user、id API、v2 https://example.com/api/v2 /users - ❌ 无效：
us（中间乱切）、erid user放在字母间但无语义依据（如id u）serid - ⚠️ 注意：HTML 解析会忽略
class="my不生效）class"
和 CSS 换行策略怎么配合用？
立即学习“前端免费学习笔记（深入）”；
- 容器加
overflow-wrap: break-word（让超长单词整体可换行） - 再在关键位置插入
- 避免同时用
word-break: break-all，它会无视
例如：
https://api.example.com/v1/data/writer
config update endpoint
容易被忽略的坑
最常见的是当成“空格占位符”滥用：有人在每个字母后加
真正有效的
