span配置されている要素があるという問題がありabsoluteます (それらはコールアウトです)。通常は 1 行ですが、折り返す必要がある場合もあります。それはうまくいきます。幅を設定すると、自動的に折り返されます。それらが要素内にない限りpre。
上記を示すjsfiddle を次に示します。displayをblockまたはに変更してみましたinline-block。に設定word-wrapしてみましたbreak-word。何も機能していないようです。
spanを に変更してみることができdivます。意味的にはそれも理にかなっていると思いますが、アプリで処理するには今よりもはるかに多くの時間が必要です。
最新のブラウザーでのみ動作する html5 または css3 ソリューションに完全に満足しています。