pre标签

1,198 阅读1分钟

我们在页面展示的过程中,有时会出现需要展示的内容中带\n的字符串的,这个时候如果直接展示,

在页面中是不会出现换行的,这个时候,就可以用pre标签了,当然pre标签的用处有更多,

首先pre标签的概念:

可参考MDN:developer.mozilla.org/zh-CN/docs/…

pre元素表示预定义格式文本。

在标签内部的文本会按照原文件中的排版,以等宽字体形式,展示出来空白键,换行符也会直接换行,

pre有几个属性:

1)cols:定义每行的最大字符数
2)width:每行的最大字符数
3)wrap:提示溢出怎样发生。在现代浏览器中,这个提示会被忽略,且被没有视觉效果。

当预定义的格式文本一行字数过长时,默认是横向滚动

当然可以通过css去控制换行:white-space:pre-wrap;