当您向网页的HTML代码添加文本时，例如在段落元素中，您几乎无法控制这些文本行将会中断的位置或将使用的间距。这是因为Web浏览器将根据包含它的区域根据需要传输文本。这包括响应式网站，其具有非常流畅的布局，该布局基于用于查看页面的屏幕的大小而改变。一旦到达包含区域的末尾，HTML文本就会破坏它所需的行。最后，浏览器在确定文本中断方式方面发挥的作用要大于您的作用。
在添加间距以创建特定格式或布局方面，HTML无法识别添加到代码的间距，包括空格键，制表符或回车符。如果在一个单词和后面的单词之间放置二十个空格，浏览器将只在那里渲染一个单独的空格。这被称为白色空间崩溃，它实际上是HTML的概念之一，许多新的行业最初都在努力解决这个问题。他们希望HTML空白能够像在Microsoft Word这样的程序中一样工作，但这并不是HTML空白的工作方式。
在大多数情况下，任何HTML文档中文本的正常处理正是您所需要的，但在其他情况下，您实际上可能希望更准确地控制文本空格的方式以及它在哪些方式中断行。这被称为预格式化文本（换句话说，您指定格式）。您可以使用HTML将预格式化的文本添加到网页中
使用 标签
许多年前，通常会看到带有预格式化文本块的网页。使用
预 用于定义页面部分的标签，由打字本身格式化，这是网页设计师快速简便地让文本按照他们的意愿显示的方式。这是在布局的CSS兴起之前，当网页设计师真的试图通过使用表格和其他纯HTML方法来强制布局时。这种（有点）可以回复，因为预格式化文本被定义为文本，其中结构由印刷约定而不是HTML呈现定义。
今天，这个标签的使用并不多，因为CSS允许我们以更有效的方式指定视觉样式，而不是试图强制外观到我们的HTML中，因为Web标准规定了结构（HTML）和样式（CSS）的明确分离。尽管如此，可能存在预先格式化的文本有意义的情况，例如您要强制换行的邮寄地址或诗歌的例子，其中换行符对于阅读和内容的整体流程至关重要。
这是使用HTML的一种方法
标签：
Twas brillig和slhehey toves
旋转和gimble
在
该
WABE
典型的HTML会折叠文档中的空白区域。这意味着此文本中使用的回车符，空格和制表符将全部折叠到一个空格。如果您将上述引号键入典型的HTML标记（如p（段落）标记），则最终会出现一行文本，如下所示： Twas brillig和slhehey toves在wabe中做了gyre和gimble pre标签按原样保留空白字符。因此，换行符，空格和制表符都在浏览器对该内容的呈现中进行维护。把报价放在一个 预 该文本的标签将导致此显示： Twas brillig和slhehey toves 旋转和gimble 在 该 WABE 该 预 标签不只是维护您编写的文本的空格和分隔符。在大多数浏览器中，它是以等宽字体编写的。这使得文本中的字符宽度相等。换句话说，字母i占用的空间与字母w一样多。 如果您希望使用另一种字体代替浏览器显示的默认等宽字体，您仍然可以使用样式表更改此字体，并选择您希望呈现文本的任何其他字体。 需要注意的一点是，在HTML5中，不再支持“width”属性 由Jeremy Girard于2017年2月2日编辑 关于字体
HTML5
元件。在HTML 4.01中，宽度指定了一行所包含的字符数，但HTML5及更高版本已经删除了该字符。
