css中怎么设置文本换行显示

CSS中设置文本换行显示是十分常见的操作，尤其是在网页排版设计和页面布局之中。下面我们来介绍一下如何使用CSS来实现文本换行显示的方法。
首先，我们需要使用CSS中的white-space属性来控制文本的出现方式。该属性有以下取值：
1. normal：表示文本会在遇到空格或换行符时自动换行。这也是默认值。
2. nowrap：表示文本不会自动换行。
3. pre：表示文本会按照源代码中的格式显示，如果源代码中有空格或换行符，也会被保留。
4. pre-wrap：表示文本在遇到空格或换行符时会自动换行，但源代码中的空格或换行符也会保留。
5. pre-line：表示文本会在遇到换行符时自动换行，但空格会被忽略。
我们可以使用其中的pre或pre-wrap取值来实现文本的换行显示，这里我们使用pre-wrap来示范。
具体实现方法如下：

css
p {
  white-space: pre-wrap;
} 

以上代码表示将文本区域（p元素）中的文本内容按照pre-wrap方式进行换行缩进显示。
如果你的文本较长，需要进行手动换行，那么可以在需要手动换行的位置加入“
”或“
”标签。
接下来，我们将代码用pre标签进行显示，如下所示：

html
<pre>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Vestibulum ac blandit ligula, eu rutrum arcu. Donec facilisis massa ac justo imperdiet accumsan. Suspendisse viverra magna vitae libero tristique, eget lobortis nisi viverra. Praesent scelerisque odio eget erat pellentesque, sed laoreet leo lobortis.</p> 

以上代码将p标签包裹在了pre标签内，这样就可以保留p标签中的空格和换行符了。
总结一下，使用white-space属性可以轻松实现文本的换行显示，而pre或pre-wrap取值可以保留文本的换行及空格。在需要手动换行时，我们可以使用“
”或“
”标签来实现。