網(wǎng)頁(yè)CSS教程之內(nèi)容設(shè)置的一些語(yǔ)法（二）

　　二、word-break

 

　　常用的控制換行屬性，常與下面的word-wrap結(jié)合使用。

 

　　語(yǔ)法：

 

　　word-break : normal 　 break-all 　 keep-all

 

　　取值：

 

　　normal： 默認(rèn)值。允許在詞間換行

 

　　break-all：該行為與亞洲語(yǔ)言的 normal 相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本

 

　　keep-all：與所有非亞洲語(yǔ)言的 normal 相同。對(duì)于中文，韓文，日文，不允許字?jǐn)嚅_(kāi)。適合包含少量亞洲文本的非亞洲文本   

 

　　說(shuō)明：

 

　　設(shè)置或檢索對(duì)象內(nèi)文本的字內(nèi)換行行為。尤其在出現(xiàn)多種語(yǔ)言時(shí)。

 

　　對(duì)于中文，應(yīng)該使用 break-all 。

 

三、word-wrap   

 

　　如果你設(shè)計(jì)的網(wǎng)頁(yè)不是自適應(yīng)寬度的話(huà)，需要將它設(shè)置為break-word，否則可能出現(xiàn)版快錯(cuò)開(kāi)的情況。

 

　　語(yǔ)法：

 

　　word-wrap : normal 　 break-word

 

　　取值：

 

　　normal：默認(rèn)值。允許內(nèi)容頂開(kāi)指定的容器邊界

 

　　break-word：內(nèi)容將在邊界內(nèi)換行。如果需要，詞內(nèi)換行( word-break )也將發(fā)生

 

　　說(shuō)明：

 

　　設(shè)置或檢索當(dāng)當(dāng)前行超過(guò)指定容器的邊界時(shí)是否斷開(kāi)轉(zhuǎn)行。

 

　　此屬性?xún)H作用于有布局的對(duì)象，如塊對(duì)象。內(nèi)聯(lián)要素要使用該屬性，必須先設(shè)定對(duì)象的 height 或 width 屬性，或者設(shè)定 position 屬性為 absolute ，或者設(shè)定 display 屬性為 block 。

 

　　四、overflow，overflow-x，overflow-y

 

　　這個(gè)不是嚴(yán)格意思上的控制換行樣式，但在某些時(shí)候?qū)⑺O(shè)置為hidden可以補(bǔ)充word-wrap的不足，比方你想在限制寬度里僅顯示一行文字，而這行文 字的長(zhǎng)度卻超過(guò)這個(gè)寬度，結(jié)合white-space+text-overflow可以達(dá)到更好的效果。

 

　　語(yǔ)法：

 

　　overflow : visible 　 auto 　 hidden 　 scroll

 

　　取值：

 

　　visible： 默認(rèn)值。不剪切內(nèi)容也不添加滾動(dòng)條。假如顯式聲明此默認(rèn)值，對(duì)象將以包含對(duì)象的 window 或 frame 的尺寸裁切。并且 clip 屬性設(shè)置將失效

 

　　auto：在必需時(shí)對(duì)象內(nèi)容才會(huì)被裁切或顯示滾動(dòng)條

 

　　hidden：不顯示超過(guò)對(duì)象尺寸的內(nèi)容   

 

　　scroll：總是顯示滾動(dòng)條

 

　　說(shuō)明：

 

　　檢索或設(shè)置當(dāng)對(duì)象的內(nèi)容超過(guò)其指定高度及寬度時(shí)如何管理內(nèi)容。

 

　　所有對(duì)象的默認(rèn)值是 visible ，除了 textarea 對(duì)象和 body 對(duì)象的默認(rèn)值是 auto 。設(shè)置 textarea 對(duì)象此屬性值為 hidden 將隱藏其滾動(dòng)條。

 

　　對(duì)于 table 來(lái)說(shuō)，假如 table-layout 屬性設(shè)置為 fixed ，則 td 對(duì)象支持帶有默認(rèn)值為 hidden 的 overflow 屬性。如果設(shè)為 scroll 或者 auto ，那么超出 td 尺寸的內(nèi)容將被剪切。如果設(shè)為 visible ，將導(dǎo)致額外的文本溢出到右邊或左邊（視 direction 屬性設(shè)置而定）的單元格。

 

　　自IE5開(kāi)始，此屬性在MAC平臺(tái)上可用。

 

　　自IE6開(kāi)始，當(dāng)你使用 !DOCTYPE 聲明指定了 standards-compliant 模式，此屬性可以應(yīng)用于 html 對(duì)象。