與換行相關的css屬性簡單介紹:在css佈局中可能需要人為的進行操作是否換行，如何換行，本章節就就做一下簡單介紹。一.word-break屬性:此屬性用來設定文本如何進行換行。語法結構:word-break:normal | break-all | keep-all參數解析:1.normal:預設值...
與換行相關的css屬性簡單介紹:
在css佈局中可能需要人為的進行操作是否換行，如何換行，本章節就就做一下簡單介紹。
一.word-break屬性:
此屬性用來設定文本如何進行換行。
語法結構:
word-break:normal | break-all | keep-all
參數解析:
1.normal:預設值，原則上規定在斷字點換行，通俗的說就是在單詞與語單詞之間可以進行換行，但是如果單詞特別的長，超出了行的長度，可以從單詞內部斷開進行換行。
2.break-all:此屬性值能夠實現強制將單詞從內部截斷實現換行效果，從"break-all"這個霸氣的詞就可以看出它的威力，比word-wrap屬性
更多相關內容可以參閱CSS3的word-break屬性詳解一章節。
二.word-wrap屬性:
此屬性和上面的word-break屬性的作用類似，用來規定文本是否可以衝破容器，當然也是對於文本進行如何換行的處理。
語法結構:
word-wrap: normal | break-word
參數解析:
1.normal:預設值，允許文本超出容器邊界。如果是漢字或者並非超長的英文單詞進行換行處理，但是如果是超長的英文單詞，則從單詞內部斷開進行換行。和word-break:normal功能一樣。
2.break-word:此屬性規定內容不能夠超出容器邊界，並且原則上不允許進行詞內換行，但是如果單詞超長的話，也會從單詞內部斷開進行換行。
更多相關內容可以參閱CSS3的word-wrap屬性用法詳解一章節。
word-break和word-wrap不同點可以參閱word-break屬性和word-wrap屬性區別一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13395
更多內容可以參閱:http://www.softwhy.com/divcss/
