以下列出四個狀況,請在IE及Firefox中比較‧
寬度參考400px
1 | 2 | 3 | 4 |
aaaaabbbbbcccccdddddeeeeefffffggggg | aaaaabbbbbcccccdddddeeeeefffffggggg |
1.將超出的部份隱藏,IE及Firefox適用。
2.Firefox將超出的部份隱藏,但IE7會換行。
3.超出的部份使用捲軸,但IE7高度有問題。
4.Firefox超出的部份使用捲軸,IE7會換行。
使用word-break:break-all;及word-wrap:break-word;都可將過長的英文斷行,但是遇到一般單字時,word-break:break-all;是依照畫面直接截斷,而word-wrap:break-word;則會依照空格來截斷,較能保持可讀性。
在表格的運用時,Table需設定成table-layout:fixed。
程式碼如下: