1. ホーム
  2. css

[解決済み] divで長い単語をワードラッピングする方法はありますか?

2022-04-20 10:44:09

質問

Internet Explorerにword-wrapのスタイルがあるのは知っていますが、div内のテキストにそれを行うクロスブラウザの方法があれば知りたいのです。

できればCSSでお願いしたいのですが、JavaScriptのスニペットでもかまいません。

edit: そうです、長い文字列のことです。

どのように解決するのですか?

元のコメントを読むと、rutherfordさんが求めているのは クロスブラウザ を折り返す方法 アンブロークン という文字列があります(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でしかテストしていません)