二、word-break

 

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

 

　　語法：

 

　　word-break : normal 　 break-all 　 keep-all

 

　　取值：

 

　　normal： 默認值。允許在詞間換行

 

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

 

　　keep-all：與所有非亞洲語言的 normal 相同。對于中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本   

 

　　說明：

 

　　設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。

 

　　對于中文，應該使用 break-all 。

 

三、word-wrap   

 

　　如果你設計的網頁不是自適應寬度的話，需要將它設置為break-word，否則可能出現版快錯開的情況。

 

　　語法：

 

　　word-wrap : normal 　 break-word

 

　　取值：

 

　　normal：默認值。允許內容頂開指定的容器邊界

 

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

 

　　說明：

 

　　設置或檢索當當前行超過指定容器的邊界時是否斷開轉行。

 

　　此屬性僅作用于有布局的對象，如塊對象。內聯要素要使用該屬性，必須先設定對象的 height 或 width 屬性，或者設定 position 屬性為 absolute ，或者設定 display 屬性為 block 。

 

　　四、overflow，overflow-x，overflow-y

 

　　這個不是嚴格意思上的控制換行樣式，但在某些時候將它設置為hidden可以補充word-wrap的不足，比方你想在限制寬度里僅顯示一行文字，而這行文 字的長度卻超過這個寬度，結合white-space+text-overflow可以達到更好的效果。

 

　　語法：

 

　　overflow : visible 　 auto 　 hidden 　 scroll

 

　　取值：

 

　　visible： 默認值。不剪切內容也不添加滾動條。假如顯式聲明此默認值，對象將以包含對象的 window 或 frame 的尺寸裁切。并且 clip 屬性設置將失效

 

　　auto：在必需時對象內容才會被裁切或顯示滾動條

 

　　hidden：不顯示超過對象尺寸的內容   

 

　　scroll：總是顯示滾動條

 

　　說明：

 

　　檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。

 

　　所有對象的默認值是 visible ，除了 textarea 對象和 body 對象的默認值是 auto 。設置 textarea 對象此屬性值為 hidden 將隱藏其滾動條。

 

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

 

　　自IE5開始，此屬性在MAC平臺上可用。

 

　　自IE6開始，當你使用 !DOCTYPE 聲明指定了 standards-compliant 模式，此屬性可以應用于 html 對象。