[CSS]word-wrap: 讓英文字元自動斷行
解決方法：
word-wrap: break-word;
word-break: break-all;※將上列語法加入容器中，如div、td、body…等。
[範例下載]
相關文章
「Lazy Load CSS」非同步載入CSS，當網頁使用雲端字型更順暢
CSS3－clip-path繪製不規則形遮色片線上產生器
CSS教學－hover滑入圖片時，加入CSS3動畫特效「淡入淡出」變換圖片
將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)
CSS3動畫hover套件，各種常用的互動特效直接套用
![[CSS]word-wrap: 讓英文字元自動斷行](http://photo.minwt.com/img/Content/noimg.jpg)
![[CSS]word-wrap: 讓英文字元自動斷行](http://ds.minwt.com.tw/img/Content/CSS/define3browser.gif)
引用網址：
※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。
回應本篇 »
※PS: 因梅干時間有限，教學網中所分享的主題繁多(所遇狀況也很多)，可能無法一一回答各位，不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊，請勿利用留言索取檔案。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊，請勿利用留言索取檔案。
梅老師您好,
請問有沒有方法能讓英單被斷行時, 中間出現連字號"-“呢?
我在寬100px的div裡放一段英文文章, 結果部分單字太長自動換行,
那一行變成只有三個詞後面一大塊空白的現象,
我使用 word-break: break-all; 後變得比較整齊,
但……英文單字被斷開後, 變的不知道這文章在寫甚麼…… ORZ
想請問有辦法在被斷行的單字後加個連字號嗎? Q__Q
只能在過長的文字間加入