本文介绍了在可编辑Div中遇到长单词或连续标点不换行的问题，提出通过设置CSS属性`word-break:break-all`和`word-wrap:break-word`来解决。`break-all`用于打断单词，但无法处理连续标点；`break-word`则能打断连续标点并避免标点开头的错误，两者共存时优先采用`break-all`。
可编辑Div中，当出现标点很多或者单词很长的情况的时候 ，可以设置两个属性解决。
word-break:break-all; /*支持IE，chrome，FF不支持*/
word-wrap:break-word;/*支持IE，chrome，FF*/
break-all 是打断单词，但是测试发现，不能打断连续的标点，如：。。。。。。。。。。。。。。。。。；
break-word 表示不打断单词，遇到装不下的单词自动换下一行。此属性可以打断连续的标点，同时会避免标点出现在开头的书法错误，自动带一个前面的非标点字符换行。
当两个属性同时出现时，会采用break-all；
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
