CSS将多个空格变成为一个空格

推说网小编来为大家简单介绍CSS将多个空格变成为一个空格这个问题。

CSS将多个空格变成为一个空格

前言

今天在做项目的时候,突然发现一个问题,浏览器输出的数据跟我原本的数据不一致,原本有多个空格,浏览器将多个空格压缩为一个。

{{a}}

white-space:normal;在CSS中表示,合并空白字符,允许自动换行。同样的white-space还有其他几个属性:nowrap:表示合并空白字符,不允许换行pre-line:合并空白字符(不包括换行符),允许自动换行pre:不合并空白字符,不允许自动换行pre-wrap:不合并空白字符,允许自动换行

解决方法

1. 使用CSS属性white-space:pre;,这个方法可能破坏原有的样式,不建议使用2. 使用语义化标签,这种方法会将输入的字符原样展示,目前没有见到破坏CSS样式

以上就是推说网小编整理的关于CSS将多个空格变成为一个空格的相关知识,希望能帮助到你。

本站部分内容由互联网用户自发贡献,该文观点仅代表作者本人,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规等内容,请举报!一经查实,本站将立刻删除。
本站部分内容由互联网用户自发贡献,该文观点仅代表作者本人,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规等内容,请<举报!一经查实,本站将立刻删除。