這是非常常用的排版設定，可以控制文字在超過容器範圍後的處理方式，一般來說是直接換行處理，如果有需要的情況可以設定不換行但超出隱藏(overflow:hidden)，隱藏的部分還可以使用(…)或其他特效處理。

以下的空白都是指半形空白( )，其他全形空白或是特殊的無寬度空白等等，都會被當作一般字元而不受影響。

將連續空白當作1個

white-space: pre-line;

設定這個的區域中會將連續的空白當作只有1個的方式顯示

保留空白並自動換行

white-space:pre-wrap;

就是輸入什麼就是什麼模式

不換行

white-space:nowrap;

強制不換行，一般來說會配合超出隱藏(overflow:hide)進行其他處理。

換行但文字不切斷

word-wrap:break-word;

碰到長單字的時候會整個單字往下一行移動，不會出現單字一半在第1行，另一半在第2行的情況，缺點就是版面右方可能會有許多空白。

換行但文字切斷

word-break: break-all;

英文碰到尾部時會直接被切兩段，但是一般來說這樣排版會比較漂亮。

保留原本的空白與換行

white-space:pre;

會直接把空白和enter造成的換行(\r\n)顯示的設定，與標籤的<pre>功能相同。