太長啦。
文字太長
如果有一段文字很長，都沒有「空白」或「換行」：
1 | <div class="box"> HeyHelloyoapplebanannaverylongworldiwatchimaciphoneiwatchimaciphoneiwatchimaciphone</div> |
瀏覽器就沒辦法判斷該在哪裡斷行，這時候文字就會超出 box 的範圍：
要解決這個辦法可以設定word-break：break-all ：
但如果現在是有空格，只是有某個單字特別長，就不建議用 break-all，因為會腰斬：
你可以改用 word-break: break-word，就不會出現單字被砍半的問題：
不想被自動換行
跟剛剛相反，如果現在文字有空白或換行：
1 | <div class="box"> |
這時候又不希望被自動換行的話可以使用 white-space: nowrap：
