タグ付け前にコンテンツを HTML で自動的にラップ_HTML/Xhtml_Web ページ作成

このとき、overflow:auto; を使用できます (コードがコンテナの境界を超えると、スクロール ボックスが表示されます)。ただし、この方法はすべての主流ブラウザに適しているわけではなく、一部のブラウザでは超えたコンテンツが直接切り捨てられます。

 タグ  は、コンピューターのソース コードを表すのに一般的に使用されます。通常、pre 要素で囲まれたテキストにはスペースと改行が保持されますが、残念なことに、
 タグ内にコードを記述する場合、手動で折り返さないと、自動的に折り返されるのではなく、保持されてしまいます。 

現時点では、overflow:auto; (コードがコンテナの境界を超えるとスクロール ボックスが表示されます) を使用できますが、この方法はすべての主流ブラウザに適用できるわけではありません。一部のブラウザは余分なコンテンツを直接切り詰めます。 
标签里的文本换行(兼容IE, FF和Opera等)" src="http://files.jb51.net/do/uploads/allimg/090606/0242050.png"  style="max-width:90%">
このサイトではソースコードが使用されている場所が少ないため、これまでこの問題にあまり注目していませんでしたが、つい最近、熱心なネットユーザーが QQ でこの問題を報告したため、今回利用しました。テーマを変更して解決策を探し、それを共有します。 



コードをコピーします
コードは次のとおりです:
 
pre { 
white -space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla、1999 年以降 */ 
white-space: -pre-wrap; Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: Break-word; /* Internet Explorer 5.5 */ 
} 



この CSS ソリューションは、pre タグ内のテキストを自動的に折り返すことができます。私が所有するすべてのブラウザーでテストしましたが、IE6、IE7、IE8、Firefox、Opera、Safari などすべてサポートされています。クロム。 
ウィンドウを 20 文字未満の幅に縮小した場合にのみ、境界を超えます 
 さらに、この CSS テクニックを共有している投稿もいくつか見られ、長い文字列の行折り返しの問題を解決できると述べています。と言いましたが、しばらく試してみましたが、それでも動作しませんでした。