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
支持 支持 支持 支持 支持