Internet Explorer にはワードラップ スタイルがあることは知っていますが、div 内のテキストに対してクロス ブラウザーでワードラップを実行する方法があるかどうかを知りたいです。
CSS が望ましいですが、JavaScript スニペットでも問題なく動作します。
長い文字列について言及しています。
ベストアンサー1
元のコメントを読むと、ラザフォードはクロスブラウザ包み方途切れないテキスト (IE の word-wrap を使用していることから推測されます。これは、連続した文字列を分割するように設計されています)。
/* 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 でのみテストしました)