問題描述

用css來模擬QQ這種圖片背景的氣泡聊天，有時候會出現中文和字符/英文斷行的情況（輸入的時候是連續輸入的），為什么會這樣？

問題解答

這種狀況屬于正常情況，沒有必要去處理，word-break: break-all 反而會導致連續單詞被強制拆解，影響正常情況的閱讀體驗，如果對古代瀏覽器（IE6-IE8）沒有要求，建議使用：

word-wrap:break-word;

word-break: break-all;

英文單詞和符號默認不斷行。可以設置強制不換號

給div加個word-break試試