div 内の長い単語を折り返す方法はありますか? 質問する

div 内の長い単語を折り返す方法はありますか? 質問する

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 でのみテストしました)

おすすめ記事