我们在页面展示的过程中,有时会出现需要展示的内容中带\n的字符串的,这个时候如果直接展示,
在页面中是不会出现换行的,这个时候,就可以用pre标签了,当然pre标签的用处有更多,
首先pre标签的概念:
可参考MDN:developer.mozilla.org/zh-CN/docs/…
pre元素表示预定义格式文本。
在标签内部的文本会按照原文件中的排版,以等宽字体形式,展示出来空白键,换行符也会直接换行,
pre有几个属性:
1)cols:定义每行的最大字符数
2)width:每行的最大字符数
3)wrap:提示溢出怎样发生。在现代浏览器中,这个提示会被忽略,且被没有视觉效果。
当预定义的格式文本一行字数过长时,默认是横向滚动
当然可以通过css去控制换行:white-space:pre-wrap;