HTML <pre> 标签

定义和用法

<pre> 标签定义预先格式化的文本。

<pre> 元素中的文本以等宽字体显示,文本保留空格和换行符。文本将完全按照 HTML 源代码中所写的方式显示。

请参阅:

标签 描述
<code> 定义计算机程序的样例输出。
<samp> 定义键盘输入。
<kbd> 定义键盘输入。
<var> 定义变量。

另请参阅:

HTML 教程:HTML 文本格式化

HTML DOM 参考手册:Pre 对象

实例

例子 1

预格式化文本:

<pre>
pre 元素中的文本
以等宽字体显示,
并且同时保留
空格          和
换行符。
</pre>

亲自试一试

例子 2

如何创建具有固定宽度的预格式化文本(使用 CSS):

<div style="width:200px;overflow:auto">
<pre>这是具有固定宽度的 pre。它将使用指定的空间。</pre>
</div>

亲自试一试

全局属性

<pre> 标签还支持 HTML 中的全局属性

事件属性

<pre> 标签还支持 HTML 中的事件属性

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <pre> 元素:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持