前端处理保留空格和换行符
当项目中遇到后端返回的数据带格式的字符串时,前端该怎么处理保留其空格和换行符的问题
- 方法一(css方法) 推荐使用
white-space: pre-wrap; // css保留空格和换行符
white-space: pre-line; // css保留换行符
- 方法二(标签方法)
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为 等宽字体(是指字符宽度相同的电脑字体)。因为文本呈现为等宽字体,所以无法继承父级样式需要重写样式