做(zuò)文章(zhāng)系統時(shí), 如何讓長(cháng)篇的(de)文章(zhāng)自動換行
這(zhè)個(gè)問題曾經有很多(duō)人(rén)提及的(de)，根據網上的(de)解決方法可(kě)是導緻英文詞語被拆散換行
網上大(dà)多(duō)數文章(zhāng)的(de)說法，隻要在CSS中加入：
table {table-layout:fixed; word-break:break-all; word-wrap:break-word;}
div { word-break:break-all; word-wrap:break-word; }就可(kě)以解決表格和(hé)層被撐破，最初我也(yě)是這(zhè)樣做(zuò)的(de)。不過這(zhè)樣的(de)代碼會造成一個(gè)問題，你會發現英文詞全部被截斷了(le)，這(zhè)不符合英語的(de)書(shū)寫習(xí)慣也(yě)不利于閱讀。
後來(lái)我發現上述代碼改寫一下(xià)就可(kě)以做(zuò)到既防止表格/層撐破又防止單詞斷裂了(le)。
如下(xià)：
table {table-layout: fixed; word-wrap:break-word;}
div {word-wrap:break-word;}
