菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <pre> 标签


示例

预格式化文本

<pre>
pre 元素中的文本
将以固定宽度的
字体显示,并且保留
所有的     空格和
换行符
</pre>
自己动手试一试 »

更多“自己尝试”的例子见下文。


定义和用法

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

<pre> 元素中的文本将以固定宽度的字体显示,文本会保留所有的空格和换行符。文本将按照 HTML 源代码中的显示方式显示。

另请参阅

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

浏览器支持

元素
<pre>


全局属性

<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;
}
自己动手试一试 »


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持