HTML Div でクロスブラウザーのワードラッピングを実現するにはどうすればよいですか?

Div 内の長いテキストのクロスブラウザーワードラップ

質問:

クロスブラウザーを実装するにはどうすればよいですか? HTML内の長い文字列のワードラップdivs?

答え:

異なるブラウザ間で確実にワードラップするには、次の CSS プロパティを使用できます。利用:

.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 */
}

説明:

• 空白: pre-wrap: 特定のワードラップをサポートしていないブラウザは、空白の境界で行を折り返す。
• 空白: -moz-pre-wrap: ラップ前の動作を有効にするための Firefox 固有のプロパティ。
• white-space: -pre-wrap: 7 より前の古い Opera バージョン。
• 空白: -o-pre-wrap: Opera 7.
• word-wrap:break-word: ハイフネーションポイントで単語を区切るための IE 固有のプロパティ。

これらのプロパティを組み合わせることで、その中のテキスト「wordwrap」クラスを含む div は、任意の文字ブレークポイントでラップされ、ブラウザ間の互換性が確保されます。

以上がHTML Div でクロスブラウザーのワードラッピングを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。