[code language=”css”]
word-break: break-all; //單字過長,不管單字,切斷並換行。
word-wrap: break-word; //單字過長,則將單字換行。
[/code]
上面這兩個屬性最好一起用,因為在某些例外情況,chrome遇到特殊字元用break-all是無效的,但break-word可以。
兩者互補,最後的斷行方式,會以break-all為主。
[code language=”css”]
white-space:pre; //保留空白與換行,同 pre tag。
white-space:nowrap; //移除連續空白,移除換行符號(n r), 強迫文字不換行。
white-space:pre-wrap; //保留所有空白,自動換行。
white-space: pre-line;
[/code]
例外情況:wrod-wrap失效,可能是加了white-space: nowrap啊…
css3改用overflow-wrap,與word-wrap是一樣的