Widely available 安全に使用可能。長い URL やハッシュ文字列の表示に特に有効。

overflow-wrap

overflow-wrap は CSS のプロパティで、インライン要素に対して、テキストが行ボックスをあふれないように、ブラウザーが分割できない文字列の途中で改行を入れるかどうかの設定を適用します。

メモ: このプロパティはもともと、標準外かつ接頭辞のない word-wrap と呼ばれる Microsoft 拡張であり、多くのブラウザーはこの名前で実装していました。 overflow-wrap に改名されたため、 word-wrap は別名になりました。

テキスト改行

対応ブラウザ

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

.break-word {
  overflow-wrap: break-word;
}

/* anywhere ensures line breaks without hyphens when copied */
.anywhere {
  overflow-wrap: anywhere;
}

overflow-wrap Normal(default) demo.

overflow-wrap Break-word demo.

overflow-wrap Anywhere demo.