サンプルコードをpreタグで自動ラップさせてみよう_HTML/Xhtml_Webページ制作

pre 要素は、フォーマット済みのテキストを定義します。通常、pre 要素で囲まれたテキストには空白と改行が保持されます。テキストも固定幅フォントとして表示されます。

 タグの一般的な用途は、コンピューターのソース コードを表すことです。技術ブログの場合、pre タグはコードの出力やコードの強調表示によく使用されます。デフォルトでは、pre タグ内のコンテンツが範囲を超えた場合、自動的に折り返されません。 <br>以下は、<br><br><div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode32'));"></span></div></div><div class="msgborder" id="phpcode32">
<br> <br><br><br>コードをコピーします<br><br><br>コードは次のとおりです。<br>
</div> <br>pre{ <br>white-space:pre-wrap; /* css3.0 */ <br> White-space:-moz- pre-wrap; /* Firefox */ <div class="msgheader">white-space:-pre-wrap; /* Opera 4-6 */ <div class="right">white-space:-o-pre-wrap; /* Opera 7 */ <span style="CURSOR: pointer" onclick="copycode(getid('phpcode33'));">word-wrap:break-word; /* Internet Explorer 5.5 */ <u>} </u></span>
</div>例: </div><div class="msgborder" id="phpcode33">
<br><br>
</div> コードをコピーします コードは次のとおりです。 pre{white-space:pre-wrap; -pre-wrap;white-space:-pre -wrap;white-space:-o-pre-wrap; /*非常に長いコードがありましたか? */}