当您向网页的HTML代码中添加文本时，例如在段落元素中，您几乎无法控制这些文本行将在何处中断或将使用的间距。这是因为web浏览器将根据包含文本的区域根据需要流动文本。这包括响应性强的网站，这些网站的布局非常流畅，根据用于查看页面的屏幕大小而变化。一旦HTML文本到达其包含区域的末尾，它将在需要的位置断开一行。最后，浏览器在确定文本如何断开方面比您发挥的作用更大。

就添加间距以创建特定格式或布局而言，HTML无法识别添加到代码中的间距，包括空格键、制表符或回车符。如果在一个单词和其后的单词之间放置二十个空格，浏览器将仅在其中呈现一个空格。这就是所谓的空白崩溃，实际上这是HTML的一个概念，许多行业新手一开始都在苦苦挣扎。他们希望HTML空白能够像在Microsoft Word这样的程序中一样工作，但HTML空白根本不是这样工作的。

在大多数情况下，任何HTML文档中文本的正常处理正是您所需要的，但在其他情况下，您实际上可能希望对文本的空格方式和换行位置有更多的控制。这被称为预格式化文本（换句话说，您可以指定格式）。您可以使用HTML将预格式化文本添加到网页中

使用&lt；预处理&gt；标签

许多年前，人们常常看到带有预格式化文本块的网页。使用标记来定义页面中由键入本身格式化的部分，对于web设计师来说是一种快速而简单的方法，可以让文本按他们想要的方式显示。这是在CSS for layout兴起之前，当时web设计师真的被困在试图通过使用表格和其他仅使用HTML的方法来强制布局。这（有点）是回溯的，因为预格式化文本定义为文本，其中结构由排版约定而不是HTML呈现定义。

今天，这个标签并没有被广泛使用，因为CSS允许我们以比在HTML中强制使用外观更有效的方式指定视觉样式，并且因为Web标准规定了结构（HTML）和样式（CSS）的清晰分离。尽管如此，也可能有一些预先格式化的文本是有意义的，比如你想要强制换行的邮寄地址，或者诗歌的例子，换行对于阅读和内容的整体流动是必不可少的。

下面是使用HTML标记的一种方法：

典型的HTML压缩文档中的空白。这意味着此文本中使用的回车、空格和制表符都将收拢为一个空格。如果将上述引用键入典型的HTML标记（如p（段落）标记），则会得到一行文本，如下所示：

特维斯·布里利格和他们的玩具在瓦贝旋转和摇摆

pre标记保留空白字符。因此，换行符、空格和制表符都在浏览器对该内容的呈现中进行维护。将引号放在同一文本的标记内将导致以下显示：

关于字体

标记的作用不仅仅是为您编写的文本保留空格和分隔符。在大多数浏览器中，它是以单空格字体编写的。这使得文本中的字符宽度相等。换句话说，字母i和字母w占据的空间一样大。

如果您希望使用另一种字体来代替浏览器显示的默认单空格字体，您仍然可以使用样式表来更改此字体，并选择希望文本呈现的任何其他字体。

html5

需要注意的一点是，在HTML5中，元素不再支持“width”属性。在HTML4.01中，宽度指定了一行将包含的字符数，但对于HTML5及更高版本，该宽度已被删除。