safari 对 word-break: break-all 换行更激进，ie/edge legacy 对 keep-all 支持不全，overflow-wrap: break-word 与 word-break: break-all 触发逻辑不同，ios 版本间存在语法和断行差异，需实测关键视口。
word-break: break-all 在 Safari 里换行更激进
这是最常被注意到的差异：Safari（尤其是 macOS 和 iOS 旧版本）对 word-break: break-all 的实现比 Chrome/Firefox 更“愿意”断行，哪怕容器还有余量，也可能提前在中文字符或英文单词中间切开。这不是 bug，而是其内部断行算法对 Unicode 段落边界（如 UAX#14）的解析更宽松。
实操建议：
将 LaTeX（.tex）学术论文转换为 Word（.docx），支持可编辑的 OMML 公式、原生 Word 表格、嵌入图形、IEEE 双栏排版及参考文献
- 不要单独依赖
word-break: break-all做跨浏览器一致的窄列布局； - 若需 Safari 表现收敛，可叠加
overflow-wrap: normal（禁用备用换行兜底）； - 对纯中文内容，优先测试
word-break: keep-all+white-space: nowrap组合是否更可控。
IE/Edge Legacy 对 keep-all 的支持不完整
word-break: keep-all 本意是“CJK 文本不断行，非 CJK 按 normal 处理”，但在 IE10–Edge 17 中，它对英文部分完全无效——仍会按空格换行，但对中文却意外地“不换行”，导致混合文本（如“订单号：ABCD123456789”）中英文行为割裂。
常见错误现象：表格里一列显示英文 ID + 中文说明，IE 下英文被截断、中文溢出，而 Chrome 正常。
实操建议：
- 避免在需要兼容 IE/旧 Edge 的项目中使用
keep-all； - 改用
word-break: normal+ 显式插入零宽空格（）控制断点； - 若必须保留
keep-all，需为英文部分额外包裹span并设word-break: break-all单独控制。
overflow-wrap: break-word 和 word-break: break-all 的触发逻辑根本不同
很多人误以为两者只是“程度差异”，其实它们走的是两套换行机制：overflow-wrap: break-word 是“最后手段”——只有当整个单词放不下时才拆；word-break: break-all 是“立即执行”——只要到容器边缘就切，不管单词是否还能挤下。
这直接导致在相同宽度下，Chrome 可能让 “Supercalifragilisticexpialidocious” 在 break-word 下只断一次，而在 break-all 下断成七八段。
实操建议：
- 长 URL 或哈希值 → 用
overflow-wrap: break-word（语义更安全）； - 固定像素宽的卡片/表格单元格 → 用
word-break: break-all，但必须加overflow-wrap: normal防 Safari 叠加换行； - 永远不要同时声明
word-break: break-all和overflow-wrap: break-word，后者会被前者覆盖且无意义。
移动端 Safari 的 iOS 版本差异容易被忽略
iOS 14+ 完全支持 overflow-wrap 标准语法，但 iOS 13 及更早只认 word-wrap；而所有 iOS 版本对 word-break: break-all 的中文断行位置计算略有浮动——同一段文字，在 iPhone SE（小屏）和 iPad（大屏）上可能断在不同字之间，因为断行基于视口缩放后的像素精度，不是字符数。
实操建议：
- 响应式布局中，避免用固定
px宽度 +break-all；改用max-width: 100%+overflow-wrap: break-word； - 真机调试时，务必在目标 iOS 版本上验证断行位置，模拟器可能不准；
- 如果设计允许，用
white-space: pre-wrap+ 手动\n替代纯 CSS 断行，可控性最高。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
