国际访客建议访问 Primers 编程伙伴 国际版站点 > HTML 教程 > pre 以获得更好的体验。

# HTML 的 <pre> 标签

请查看 HTML 元素帮助手册 了解更多 HTML 元素。

HTML 的 <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排,以等宽字体的形式展现出来,文本中的空白符(比如空格和换行符)都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

# 属性

请查看 HTML 元素的全局属性 了解 HTML 元素的全局属性。
  • cols(废弃): 定义每行的最大字符数。这是一个非标准的属性,作用与width相同。要实现这样的效果,应该使用 CSS。

  • width(废弃): 包含每行的最大字符数。虽然在技术上仍被实现,但这个属性没有视觉效果。要实现这样的效果,应该使用 CSS。

  • wrap: 提示溢出怎样发生。在现代浏览器中,这个提示会被忽略,且被没有视觉效果。要实现这样的效果,应该使用 CSS。

# 示例

<pre>
    这是一个预格式化文本的示例。
    <pre> 元素会<mark>保留空格、换行和缩进</mark>。

    代码块:
    <code>
        function greet() {
            console.log("Hello, World!");
        }
    </code>

    ASCII 猫猫:
        /\_/\
       ( o.o )
        > ^ <
</pre>

# 推荐阅读

本文 更新于: 2025-11-27 09:38:04 创建于: 2025-11-27 09:38:04