ホワイトスペース, ハイフン, クエスチョンマークなどが代表的な区切り

基本は単語区切りで折り返す、長いテキストは折り返さない(折り返せない)

レイアウトやデザインが崩れるので、奇麗に折り返したい

長いテキストも折り返えす

改行に関する禁則処理の方法を指定する

break-all を指定すると "consectetuer" が改行されています

keep-all は対応ブラウザが少ないのと、単語の解釈が難しいのでまだ実用的はないかなと

文字列が長すぎてボックス要素に収まらない場合、単語の途中での改行を行うかどうかを指定する

IEの拡張プロパティ、現在の草案では overflow-wrap に改名されているので注意が必要

break-word を指定すると "consectetuer" は改行されず、URLのみ改行されます

ブラウザが改行候補位置をどのように処理するかを指定する

改行候補位置とはテキスト中で改行が可能な位置をハイフン(­)などを利用して指定した位置

"con­sectetuer" に改行位置を指定 "con­sectetuer", hyphens:manual;

hyphens:manual; では ­ が "-" で表示され改行されます

hyphens:none; では ­ は何も表示されす、単語中は改行されません

文字列が長すぎてボックス要素に収まらない...とあるようにボックス要素の横幅が折り返しの基準になります

inline-block や table-cell要素は、内容によりの幅が決まることがあるので、 "ボックス要素に収まらない" という判断ができなく、折り返しされないように見えることがあります

width や max-width プロパティを利用して auto 以外の値、ボックスの最大の幅を指定すると折り返されるようになると思います

IE では、word-wrap: break-word が指定(継承)されていると white-space: nowrap; text-overflow: ellipsis; が効きかず折り返されてしまいます

その場合 word-wrap: normal; を指定すると省略表示されるようになると思います

Compass Mixins word-break("break-all") の出力

break-word は標準の値ではありません、元は webkit 向けのものです

Firefox の折り返し(デフォルトで自動折り返しがある)をハックするための指定みたいです