June 10, 2009
鼓勵此網誌：0
應該很多人知道，英文單字中間如果沒有空白或是「-」，就會被視為一個完整的字，在網頁上是不會被斷行的，也因此常會有撐開版型的問題。
我知道強制不斷行是在 CSS 中下
| white-space: nowrap; |
但強制斷行呢？
上網查詢，發現有兩個解法：
| word-break: break-all; word-wrap: break-word; // 強制英文單字遇到邊界就斷行 |
試過可行喔～～ :)
【強迫斷行相關】
- 關於區塊、表格中的文字強迫折行 - Vox
這篇文章內還含有 Firefox 和 table 的處理方法，非常棒～～^^ - CSS 換行控制 - CSS Design - IDIS資訊網部落格
【不錯的 CSS 相關資源】
- CSS-文字
- CSS Properties to JavaScript Reference
- 好站: CSS 屬性 與 JavaScript 對應 轉換表 | Tsung's Blog
- CSS NoWrap for IE & Firefox : nowrap, css, firefox
- 文章 - Firefox和IE之間7個JavaScript的差異 │ 睡蓮‧池水間 - waterlily-lsl.com
