Let the pre tag automatically wrap the sample code_HTML/Xhtml_Web page production

The pre element defines preformatted text. Text enclosed in a pre element usually preserves whitespace and newlines. The text will also be rendered as a fixed-width font. A common application of the

 tag is to represent computer source code. For technical blogs, pre tags are often used to output code or code highlighting. By default, the content in the pre tag will not wrap automatically if it exceeds the range. <br>The following is a method to make the content in the <pre class="brush:php;toolbar:false"> tag automatically wrap and comply with W3C standards (multi-browser support) <br><br><div class="msgheader">
<div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode32'));"><u>Copy code</u></span></div>The code is as follows:</div><div class="msgborder" id="phpcode32"> <br>pre{ <br>white-space:pre-wrap; /* css3.0 */ <br>white-space:-moz- pre-wrap; /* Firefox */ <br>white-space:-pre-wrap; /* Opera 4-6 */ <br>white-space:-o-pre-wrap; /* Opera 7 */ <br>word-wrap:break-word; /* Internet Explorer 5.5 */ <br>} <br>
</div><br>Example: <br><br><div class="msgheader">
<div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode33'));"><u> Copy the code </u></span></div>The code is as follows:</div><div class="msgborder" id="phpcode33"> <br>pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre -wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*I have a very, very long code. Did I break the line? */} <br>
</div>