HTML <pre> 元素

HTML <pre> 元素表示预格式化的文本。该元素中的文本通常以非比例（“monospace”）字体显示，与文件中的布局完全相同。该元素中的空格会直接显示出来。

使用 <pre> 预格式化的文本：

<pre>
  此例演示如何使用 pre 标签 对空行和 空格 进行控制
</pre>

尝试一下 »

截图

使用 <pre> 预格式化的文本

特性

内容类别 流式内容，可触知内容。
允许的内容 短语内容。
标签省略 不允许，开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。
允许的 ARIA 角色 任意
DOM 接口 HTMLPreElement

属性

该元素只包含全局属性。

cols

非标准 已过时 HTML4.01

包含每行的_最大_字符数。这是 width 的非标准同义词。要实现这样的效果，请改用 CSS width。

width

已过时 HTML4.01

包含每行的_最大_字符数。虽然技术上仍然实现了，但是该属性没有视觉效果; 要实现这样的效果，请改用 CSS width。

wrap

非标准

这是一个_提示_，表明内容溢出时如何处理。在现代浏览器中，这个提示被忽略，且被没有视觉效果; 为了达到这个属性的效果，请使用 CSS white-space。

事件属性

<pre> 元素支持所有 HTML 事件属性。

使用注意

<pre> 元素的一个常见应用就是用来表示计算机的源代码。

更多实例

使用 <pre> 展示一些 CSS 例子代码

<pre>
body {
  color: red;
}
</pre>

尝试一下 »

截图

使用 <pre> 展示一些 CSS 例子代码

规范

规范 状态 备注
HTML Living Standard
<pre> 的定义		 现行的标准 与 HTML5 相比没有重大变化
HTML5
<pre> 的定义		 推荐 与 HTML 4.01 Specification 相比没有重大变化
HTML 4.01 Specification
<pre> 的定义		 推荐 废弃了 cols 属性

在 HTML 4.01 与 HTML5 中的差异

在 HTML 4.01 中，width 属性已废弃，不可使用。 HTML5 不支持 width 属性。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1 支持 支持 支持
cols 不支持 不支持 1 — 29 不支持 不支持 不支持
width 支持1 支持1 12 支持1 支持1 支持1
wrap 未知 不支持 1 未知 未知 未知

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 支持 支持 支持
cols 不支持 不支持 不支持 1 — 29 不支持 不支持 不支持
width 支持1 支持1 支持1 12 支持1 支持1 支持1
wrap 未知 未知 不支持 1 未知 未知 未知

1. 指定 width 属性不会有布局效果。

2. 自从 Firefox 29 开始，指定 width 属性不会有布局效果。

相关链接