浏览器将后端接口返回的数据多个空格合并为一个空格

联调时候,浏览器将多个空格合并为一个空格了。

这是因为我们在编写HTML的时候,会有一个默认属性:white-space:normal;

white-space:normal;在CSS中表示,合并空白字符,允许自动换行。

同样的white-space还有其他几个属性:

nowrap:表示合并空白字符,不允许换行

pre-line:合并空白字符(不包括换行符),允许自动换行

pre:不合并空白字符,不允许自动换行

pre-wrap:不合并空白字符,允许自动换行

解决方法

  1. 使用CSS属性white-space:pre;

这个方法可能破坏原有的样式,不建议使用

  1. 使用语义化标签<pre></pre>

这种方法会将输入的字符原样展示,目前没有见到破坏CSS样式

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容