前端处理保留空格和换行符

当项目中遇到后端返回的数据带格式的字符串时，前端该怎么处理保留其空格和换行符的问题

• 方法一(css方法) 推荐使用

white-space: pre-wrap; // css保留空格和换行符
white-space: pre-line; // css保留换行符

• 方法二(标签方法)
  pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为 等宽字体（是指字符宽度相同的电脑字体）。因为文本呈现为等宽字体,所以无法继承父级样式需要重写样式