html文本支持显示换行，空格,下划线，超链接等

我们经常会遇到后台传回来的文本里有换行符，或者空格什么的那么我们该怎么处理显示的问题呢？

作者有两种方法建议
第一种，你可以直接给你显示文本的标签一个样式就行（推荐使用）

<span style="white-space: pre-warp;"><span>

第二种就是HTML的标签

<pre></pre>

属性有 width 值为number类型 定义每行的最大字符数（通常是 40、80 或 132）。
当然pre标签里面的文本是不会自动换行的，如果你想要自动换行的话，可以用css的写法

pre{
white-space: pre-wrap;           /* css-3 */
white-space: -moz-pre-wrap;      /* Mozilla, since 1999 */
white-space: -pre-wrap;          /* Opera 4-6 */
white-space: -o-pre-wrap;        /* Opera 7 */
word-wrap: break-word;           /* Internet Explorer 5.5+ */
font-family: 'microsoft yahei';//pre的字体可能会不好看，可以适当加下字体
}

作者将会继续更新关于前端的一些实用知识和小工具，或者vue组件，敬请关注，谢谢查阅