為什么span的內(nèi)容會超出div，而不是還一行，但是有些就能正常顯示？

word-break這個(gè)屬性定義的是一段文字中哪些位置是可以斷開的，當(dāng)需要換行的時(shí)候，就會查找這些可以斷開的位置。
我們熟悉的可以斷開的位置是空格，但是-也是默認(rèn)的可以斷開的位置。
所以，第一張截圖在需要換行的時(shí)候沒有找到可以換行的位置，所以把文字都放在了一行；
第二張截圖因?yàn)榘撕芏?code>-，所以可以找到很多換行的位置，你會發(fā)現(xiàn)一行的末尾基本都是-。

word-wrap:break-word

因?yàn)闉g覽器把那一串?dāng)?shù)字當(dāng)成一個(gè)單詞了，你得強(qiáng)制換行word-break:break-all;

給它強(qiáng)制換行，word-break:break-all;