美文网首页
html只展示一个空格,但数据实际有多个空格,复制的时候无法进行

html只展示一个空格,但数据实际有多个空格,复制的时候无法进行

作者: 山丘lemon | 来源:发表于2019-04-15 11:05 被阅读0次
需求:例:数据(WER   E213213), HTML(WERE 213213)  //因为html只展      示一个空格,所以例中我用的圆角打的空格:)``
  返回数据中有多个空格,但是展示到html的时候只展示了一个,用户在复制数据来进
  行模糊查询的时候就会有问题,原本多个空格只复制了一个去查询,无匹配结果。

查了很多方法,有让后端处理数据只处理成一个空格或者返回&nbsp处理,或者使用<pre></pre>标签...

但是最简单的方法就是在HTML加上:``{white-space: pre;} ``这个样式。

详解可参考:https://blog.csdn.net/Rod_Johson/article/details/84362376

相关文章

网友评论

      本文标题:html只展示一个空格,但数据实际有多个空格,复制的时候无法进行

      本文链接:https://www.haomeiwen.com/subject/dwnywqtx.html