URLが自動改行してくれないときに適用するCSS

Angular.js を使ったレスポンシブルなサイトを作っているとき、長いURLをバインドした際に自動改行してくれず、横スクロールが発生してしまいました。

どうも、長い単語をDOMに挿入する際に発生するバグ？のようです。

そんなときは、対象の要素に以下のCSSを適用することで、自動改行されるようになります。

word-break: break-all;

お困りの方はお試しあれ。