word-break 单词换行属性

最后更新：2026-09-13

word-break word-break 单词换行属性

word-break 属性用于控制文本在容器边界处的单词换行规则，主要解决长单词或 URL 溢出容器的问题。它决定了是否允许在单词内部断行，以及如何处理 CJK（中日韩）文本的换行。这个属性在处理用户输入的长字符串时非常实用。

word-break: normal | break-all | keep-all | break-word;

值	类型	描述
`normal \| break-all \| keep-all \| break-word`	关键字	单词换行规则

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
word-break	✓ v43	✓ v12	✓ v15	✓ v9	✓ v30
所有主流浏览器均支持

提示： break-all 会在任意字符间断行，适合处理 URL 和代码；keep-all 会让 CJK 文本保持词语完整，不在字符间断行。

重要： break-word 值已被移至 overflow-wrap 属性，在 word-break 中使用虽仍有效但属于旧语法，建议改用 overflow-wrap: break-word。

Qword-break 和 overflow-wrap 有什么区别？

Aword-break 控制单词内部的断行规则；overflow-wrap（原 word-wrap）控制超长单词是否允许断行。两者常配合使用：word-break: break-all 强制断行，overflow-wrap: break-word 优先保持单词完整。

Q中文文本应该用哪个值？

A中文默认 normal 即可，汉字本就在字符间断行。若不想让中英混排时的英文单词被硬拆，用 keep-all；遇到 URL 或长单词溢出容器，才需要 break-all。

Qbreak-all 和 break-word 有什么区别？

Abreak-all 会在任意两个字符间强制断行，中英文都会在容器边缘直接断开；break-word（已移入 overflow-wrap）优先保持单词完整，只有单个超长词放不下时才在词内断行。前者激进，后者更友好。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。