換行在畫面開發設計上，常常會用於內容過多造成破版的問題，
此篇可以配合CSS「text-overflow: ellipsis;」屬性限制內容字數，顯示「…」應用，
CSS 文字換行的 style 為 word-wrap ，透過這個屬性可以指定換行的方式，並可以強制文字不換行。
而 CSS 還有個空白長度的設定，透過 white-space 可以移除連續空白。
- word-break: break-all; 文字強迫換行，太長的英文字，會自動切成兩半。若一個單字過長，超過畫面的寬度，則將單字切斷，並換行。
- word-wrap:break-word; 文字自動換行，長英文字不切斷，若一個單字過長，超過畫面的寬度，則將單字換行(不切斷單字)。不切斷英字單字對於一般的讀者是比較好懂的，唯一的缺點是右邊會出現很大的一塊空白。
- white-space:pre; 保留原始資料的空白與換行，功能與 HTML tag 中的 ＜pre> 相同。
- white-space:nowrap; 強迫文字不換行，移除連續空白，移除換行符號(n r)， 強迫文字不換行。
- white-space:pre-wrap; 保留所有空白，自動換行。
- white-space: pre-line; 連續空白，取代成一個空白。這個語法可以會自動將多個空白轉換成一個空白。