p {
white-space: pre-line;
}这个CSS 语句中，white-space属性用于控制空格和换行符的处理方式，大家设置它为pre-line，意思是保留空格和换行符，但不保留多余的空格，而文本即使没有在HTML中给定换行都会根据容器宽度自动换行。
使用white-space属性大家也可以在同一行中将文本分隔开，就像<pre>标签一样，举个例子：
.full-name {
white-space: pre;
}那么大家给
标签使用white-space: pre-line;和使用<br>标签有什么区别呢？
看下面这段代码：
<p>Hello,<br>world!</p>
在视觉上，这个段落中的文本会被分成两行。但是在HTML文档中，它们是在同一行中，因为<br>标签只是一个强制换行的标记。所以，如果你需要在不同的行内展示文本，一个好的方式是使用<br>中断开两个段落，就像这样：
<p>Hello,</p> <p>world!</p>
相反，如果你对行的数量没有要求，white-space: pre-line;就是一个很好的选择。它可以让浏览器在构建 HTML 时自动处理行，并在整个文本中处理换行和空格。这样，你就可以减少不必要的标记，并使文档更易于维护。