目前所有浏览器都支持<pre>标签。被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。为了使包含在pre元素中的文本内容能正确换行,通常需配上如下样式代码。
块元素可以导致段落断开的标签,如标题h1-h6,<p>和<address>标签。绝不能包含在<pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单的换行,但是这种行为在所有浏览器上并不都是一样的。
pre元素中允许的文本可以包括物理样式和基于内容的样式变化。还有链接、图像和水平分隔线。当把其他标签(如<a>标签)放到<pre>块中时,类似于放置在HTML文档的其他部分中。
【示例】
-
HTML
<div class="content">
<pre>
<html>
<head>
<script type="text/javascript" src="loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=<<font color="blue">a href="dom_loadxmldoc.asp">loadXMLDoc</a></font>("books.xml");
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html>
</pre>
</div>
-
CSS
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
下载源代码