★通过pre/xmp标签显示源代码保留空格换行符★

请勿抄袭本页面

---

代码说明

用于显示源代码，保留多个空格和换行符(回车)。

建议使用<pre>标签，不过需要把小于号"<"，大于号">"等一些HTML预留字替换为字符实体。如"<"转为"&lt;"，">"转为"&gt;"，具体看此

---

html代码(pre标签)

<pre style="font-size:1.5em;color:red;word-wrap:break-word; overflow:hidden;"> 本例可用于 显示源代码(特殊符号需转成符号实体 具体<button><a href="http://www.w3school.com.cn/html/html_entities.asp">点此查看</a></button>) &lt;br/&gt;&lt;hr/&gt;&lt;button&gt;&lt;/button&gt; 保留多个 空格 多个换行 等等 </pre>

---

代码演示

本例可用于
显示源代码(特殊符号需转成符号实体 点此查看)  <br/><hr/><button></button>
保留多个        空格

多个换行

等等

---

html代码(xmp标签)

<xmp style="font-size:1.5em;color:blue;word-wrap:break-word; overflow:hidden;"> 本例可用于 显示源代码 <br/><hr/><button></button> 保留多个 空格 多个换行 等等 </xmp>

---

代码演示

---

[代码仅供参考，转载请注明出处]

---