語(yǔ)法：
word-wrap : normal | break-word
取值：
normal :　 默認(rèn)值 。允許內(nèi)容頂開指定的容器邊界
break-word :　 內(nèi)容將在邊界內(nèi)換行。如果需要，詞內(nèi)換行( word-break )也將發(fā)生
說(shuō)明：
設(shè)置或檢索當(dāng)當(dāng)前行超過指定容器的邊界時(shí)是否斷開轉(zhuǎn)行。
此屬性僅作用于有布局的對(duì)象，如塊對(duì)象。內(nèi)聯(lián)要素要使用該屬性，必須先設(shè)定對(duì)象的 height 或 width 屬性，或者設(shè)定 position 屬性為 absolute ，或者設(shè)定 display 屬性為 block 。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 wordWrap 。

語(yǔ)法：
word-break : normal | break-all | keep-all
取值：
normal :　 默認(rèn)值 。允許在詞間換行
break-all :　 該行為與亞洲語(yǔ)言的 normal 相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :　 與所有非亞洲語(yǔ)言的 normal 相同。對(duì)于中文，韓文，日文，不允許字?jǐn)嚅_。適合包含少量亞洲文本的非亞洲文本
說(shuō)明：
設(shè)置或檢索對(duì)象內(nèi)文本的字內(nèi)換行行為。尤其在出現(xiàn)多種語(yǔ)言時(shí)。
對(duì)于中文，應(yīng)該使用 break-all 。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。
對(duì)應(yīng)的腳本特性為 wordBreak 。

IE、Firefox下都適用。
示例：
<div style="height:100; width:150px; background:red; word-wrap: break-word; word-break: normal;">
這里最好是中文英文的，有連貫的一些字符，才能看出效果，www.dbjr.com.cnwww.baidu.comwww.g.cn
</div>
腳本之家編輯注：
在實(shí)際的應(yīng)用中，我們習(xí)慣用word-wrap:break-word;word-break:break-all,效果會(huì)比較明顯，具體應(yīng)用根據(jù)需要選擇使用。

最新評(píng)論