回答:
元のコメントを読んで、ラザフォードは切れ目のないテキストを折り返すためのクロスブラウザーの方法を探しています(切れ目のない文字列を壊すように設計されたIEでのワードラップの使用によって推測されます)。
/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
私はこのクラスを少し使ってきましたが、魅力のように機能します。(注:私はFireFoxとIEでのみテストしました)
word-wrap: break-word
いますが、これが実際に機能しました。
Word-wrap: break-word
Microsoftによって作成されましたが、CSS 3標準の一部であり、トリックを行うものですが:-)
アーロン・ベネットの解決策は私にとって完璧に機能していますが、彼のコードからこの行を削除する必要がありました-> white-space: -pre-wrap;
エラーが発生したため、最終的に機能するコードは次のとおりです。
.wordwrap {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
どうもありがとうございました
davidが述べているように、DIV はデフォルトで単語を折り返します。
スペースのない本当に長い文字列を参照している場合は、サーバー側で文字列を処理し、空のスパンを挿入します。
thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace
フォントサイズなどに問題があるため正確ではありません。コンテナのサイズが可変の場合、スパンオプションは機能します。それが固定幅のコンテナーである場合は、先に進んで改行を挿入できます。
ピクセル、パーセンテージ、emsのいずれであるかに関係なく、divの幅を指定してみると、その時点でdivはその幅のままで、テキストはdiv内で自動的に折り返されます。