css讓英文換行問題

2012/7/23 0:20:551464 閱讀

CSS里加上 word-break: break-all; 問題解決。這個問題只有IE才有，在FF下測試,FF可以自己加滾動條，這樣也不影響效果
建議大家做Skin時，記得在body里加 word-break: break-all; 這樣可以解決IE的框架被英文撐開的問題
以下引用word-break的說明
注意：word-break 是IE5+專有屬性 ；一定要指定容器的寬度，不然的話是沒有用的。

語法：
word-break : normal | break-all | keep-all
參數：
normal : 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本

使用說明：


1. word-break:break-all;只對英文起作用，以字母作為換行依據

2. word-wrap:break-word; 只對英文起作用，以單詞作為換行依據

3.white-space:pre-wrap; 只對中文起作用，強制換行

4.white-space:nowrap; 強制不換行，都起作用

5.white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不換行，超出部分隱藏且以省略號形式出現

下一條：選項卡(三項)代碼

上一條：ASP 編程中 20 個非常有用的例子