在网站建设中，当您将文本添加到Web页面的HTML代码中(例如在段落元素中)时，您几乎无法控制这些文本行将在何处断开或将使用的间距。这是因为Web浏览器将根据包含文本的区域根据需要对文本进行流动。这包括响应式网站建设技术，将有一个非常流畅的布局，根据大小的屏幕被用来查看页面。当HTML文本到达其包含区域的末尾时，它将在需要的地方打断一行。因此，浏览器在确定文本如何断开方面发挥了更大的作用，如何在HTML代码中使用预先设置格式的文本标记呢？
在添加间距以创建特定格式或布局方面，HTML无法识别添加到代码中的间距，包括空格键、制表符或回车符。如果在一个单词和后面的单词之间加20个空格，浏览器将只显示一个空格。这就是所谓的空白崩溃，它实际上是HTML的概念之一，许多刚进入这个行业的人最初都很难理解这一概念。他们期望HTML空白在像MicrosoftWord这样的程序中的工作方式，但这根本不是HTML空白的工作方式。在大多数情况下，对任何HTML文档中的文本的正常处理正是您所需要的，但在其他情况下，您可能实际上想要更多地控制文本的具体间距以及换行的位置，这就是预先格式化的文本。
许多年前，人们通常会看到带有预先格式化的文本块的网页，使用
pre
标记按照键入本身的格式定义页面的各部分，这对于Web设计人员来说是一种快速而简单的方法，可以使文本按照自己的意愿显示。这是在CSSforLayout兴起之前，当时的Web设计人员真的被困住了，试图通过使用表格和其他纯HTML的方法来强制进行布局。这(有点)起了反作用，因为预先格式化的文本被定义为文本，其中的结构是由排版约定而不是HTML呈现定义的。今天，这个标记不再被使用，因为CSS允许我们以比试图将外观强制添加到HTML中更有效的方式来指示视觉样式，并且因为Web标准规定了结构(HTML)和样式(CSS)的明确分离。但是，也可能有一些预先设置格式的文本是有意义的，比如您想要强制换行的邮件地址，或者诗歌的例子，换行对于内容的阅读和整体流程是必不可少的。
下面是使用HTML<pre>标记的一种方法：
<pre>
Twas brillig and the slithey toves
Did gyre and gimble
in the wabe
</pre>
需要注意的一点是，在HTML5中，不再支持<；pre>；元素的“宽度”属性。在HTML4.01中，宽度指定一行将包含的字符数，但对于HTML5及更高版本，这一点已被删除。
立即咨询
高端网站建设
系统软件开发
设计交互制作
年度运维服务
