HTML学习之——预格式文本

论程序员的自我修养

于 2019-02-22 09:20:51 发布

阅读量8.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/kobe_academy/article/details/87871930

HTML 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了HTML中预格式文本的使用方法，解释了如何利用<pre>标签保持文本的原始格式，包括空格和换行，这对于代码展示或特定格式文本的呈现尤为重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于 HTML，无法通过在 HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

这种情况下可使用换行标签进行换行或者使用预格式文本。

那么什么是预格式文本呢？

预格式文本也是一对标签，在标签内的内容会按照你的输入格式进行显示。

示例：

<!DOCTYPE html>
<!-- 1. 预格式文本 -->
<html>
<head>
</head>
<meta charset="UTF-8">
<title>
基础——预格式文本
</title>
<body>

</body>
<pre>
这个例子演示使用 pre 标签
对空行和    空格
进行控制
</pre>


</html>

输出结果如下：