首先，我们来看看HTML中的pre标签可以做什么。

HTML中的前置标签可以做什么？通俗点说就是解释了pre标签可以在网页上显示它里面的所有文本格式，比如空格、换行符等，浏览器不用离开就可以显示出来。让我们一起来看看效果

让我们首先了解前置标签的作用：

就是可以在浏览器中正确显示文本格式的前置标签，就像新的行格式一样，把行包装在里面(如果想看更多关于HTML的知识，请搜索“PHP中文网”观看)

首先必须理解它是如何包装的：

例如，我在前置标签中创建了一个新的网页：

！doctypehtml

超文本标记语言

头

metacharset='utf-8 '

TitlePHP中文网站/标题

/head

身体

欢迎来到PHP中文网站/pre

/body

/html

这是一个普通的网页，如图所示：

tuyi.png

现在我将把上面的段落包在里面并展示出来

身体

Pre，欢迎大家

PHP中文网站/pre

/body

现在看看效果：

tuer.png

你看，上图完全换了一条线，中间的空格也显示出来了。在pre中，无需添加任何标签，即可实现换行功能

第二个是看空间显示

HTMLpre标签的空间功能类似于一个分支。如果您在文本中输入三个空格，您也将在浏览器中显示三个空格。

请看这个例子：

！doctypehtml

超文本标记语言

头

metacharset='utf-8 '

TitlePHP中文网站/标题

/head

身体

Pre欢迎来到PHP中文网站(这里有一个空格)/pre

Pre欢迎来到PHP中文网站(这里有两个空格)/pre

Pre欢迎来到PHP中文网站(这里有三个空格)/pre

P这是一个普通的P标签。我用了五个空格。你看到了吗

/body

/html

本文转载自中文网站