問(wèn)題描述

用css來(lái)模擬QQ這種圖片背景的氣泡聊天，有時(shí)候會(huì)出現(xiàn)中文和字符/英文斷行的情況（輸入的時(shí)候是連續(xù)輸入的），為什么會(huì)這樣？

問(wèn)題解答

這種狀況屬于正常情況，沒(méi)有必要去處理，word-break: break-all 反而會(huì)導(dǎo)致連續(xù)單詞被強(qiáng)制拆解，影響正常情況的閱讀體驗(yàn)，如果對(duì)古代瀏覽器（IE6-IE8）沒(méi)有要求，建議使用：

word-wrap:break-word;

word-break: break-all;

英文單詞和符號(hào)默認(rèn)不斷行。可以設(shè)置強(qiáng)制不換號(hào)

給div加個(gè)word-break試試