浏览器默认把字符串中多个空格合为一个空格，导致搜索的时候查询不到_jquery浏览器两个空格变成一个

作者：2023面试高手 | 2024-02-18 15:23:25

踩

jquery浏览器两个空格变成一个

浏览器默认把字符串中多个空格合为一个空格，导致搜索的时候查询不到

后台反正的会员名称中有多个空格，我在浏览器显示名称的时候中间只有一个空格，如下图：
在这里插入图片描述
复制这个会员名称在搜索框中查询的时候，查不到这条数据，原因是中间的空格被去掉了，搜索“为明天努力候”，显示查询无数据。

原因是浏览器把字符串中的多个空格合并成一个了，可以添加css white-space: pre; ,让浏览器不要合并。
然后显示就好了，查询也好了。如下图:
在这里插入图片描述知识拓展：
white-space 属性设置如何处理元素内的空白。white-space 的值如下：

值	描述
`normal`	默认。空白会被浏览器忽略。
`pre`	空白会被浏览器保留。其行为方式类似 HTML 中的 `<pre>` 标签。
`nowrap`	文本不会换行，文本会在在同一行上继续，直到遇到 `<br>` 标签为止。
`pre-wrap`	保留空白符序列，但是正常地进行换行。
`pre-line`	合并空白符序列，但是保留换行符。
`inherit`	规定应该从父元素继承 `white-space` 属性的值。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/108814