Harry

中文在區塊中自動換行方面是較沒有問題的，但對於英文，尤其是連續一長串的英文字母，就會有比較多的問題產生。

一般在解決這個問題的時後大多會想到用word-wrap、word-break或是overflow這三個CSS屬性。

IE中只用word-wrap:break-word即可以達到長字串英文自動換行效果，但是在FF中無效。

word-break是對於長字串英文來強制斷詞的屬性，但會連一般正常長度的英文單字也被切得七零八落，且FF中無效。

若overflow設為auto，在IE中，長英文字串會自動換行；至於在FF，字串超出區塊寬度的部分會因自動產生捲軸而被遮住；又若設成hidden過長字串又會被截掉，似乎更糟。

最後，我們利用word-wrap+overflow來達成瀏覽器兼容的自動換行效果。



再者，FF中或可利用-moz-binding來解決這問題。好消息是，word-wrap:break-word會被列入CSS3標準中，FF之後應該會支持這屬性了。

其它：採用標籤

轉貼自: 網頁設計