轻松上手,快乐学习!

HTML <pre> 标签



实例

预格式化的文本:

<pre>
元素中的文本
以固定宽度显示
字体,它保留
空间和
换行符
</pre>
亲自试一试 »

下面有更多实例。


定义和用法

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

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

另请看:

标签 描述
<code> 定义一段计算机代码
<samp> 定义计算机程序的样本输出
<kbd> 定义键盘输入
<var> 定义一个变量

浏览器支持

元素
<pre> Yes Yes Yes Yes Yes

全局属性

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


事件属性

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


更多实例

实例

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

<div style="width:200px;overflow:auto">
<pre>这是一个固定宽度的 pre。 它将使用指定的空间。</pre>
</div>
亲自试一试 »

相关页面

HTML 教程: HTML 文本格式化

HTML DOM 参考手册: Pre 对象


默认CSS设置

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

实例

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
亲自试一试 »