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