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

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

  • 方法一(css方法) 推荐使用
white-space: pre-wrap; // css保留空格和换行符
white-space: pre-line; // css保留换行符
  • 方法二(标签方法)
    pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为 等宽字体(是指字符宽度相同的电脑字体)。因为文本呈现为等宽字体,所以无法继承父级样式需要重写样式
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。