css - 聊天气泡背景图自适应问题

Question

用css来模拟QQ这种图片背景的气泡聊天，有时候会出现中文和字符/英文断行的情况（输入的时候是连续输入的），为什么会这样？

Answer 1

给p加个word-break试试

Answer 2

英文单词和符号默认不断行。可以设置强制不换号

Answer 3

 word-break: break-all;

Answer 4

这种状况属于正常情况，没有必要去处理，word-break: break-all 反而会导致连续单词被强制拆解，影响正常情况的阅读体验，如果对古代浏览器（IE6-IE8）没有要求，建议使用：

word-wrap:break-word;