css讓英文換行問(wèn)題

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

CSS里加上 word-break: break-all; 問(wèn)題解決。這個(gè)問(wèn)題只有IE才有，在FF下測(cè)試,FF可以自己加滾動(dòng)條，這樣也不影響效果
建議大家做Skin時(shí)，記得在body里加 word-break: break-all; 這樣可以解決IE的框架被英文撐開(kāi)的問(wèn)題
以下引用word-break的說(shuō)明
注意：word-break 是IE5+專(zhuān)有屬性 ；一定要指定容器的寬度，不然的話(huà)是沒(méi)有用的。

語(yǔ)法：
word-break : normal | break-all | keep-all
參數(shù)：
normal : 依照亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則，允許在字內(nèi)換行
break-all : 該行為與亞洲語(yǔ)言的normal相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語(yǔ)言的normal相同。對(duì)于中文，韓文，日文，不允許字?jǐn)嚅_(kāi)。適合包含少量亞洲文本的非亞洲文本

使用說(shuō)明：


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

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

3.white-space:pre-wrap; 只對(duì)中文起作用，強(qiáng)制換行

4.white-space:nowrap; 強(qiáng)制不換行，都起作用

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

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

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