js中空格符号怎样正常表示

来源：互联网 2023-03-16 23:59:40 版权归原作者所有，如有侵权，请联系我们

在编写js代码时，我们手动输入的多个空格符被展示成了一个空格符。这其实不是我们想要的，我们有时候就是要字符串中展示多个空格，该怎样才能正常展示呢。

工具/原料

首先在文本编辑中输入如下图所示的网页代码，在指定元素中输入一行字符串，包含有多个空格字符。编写完成后将文件保存成.html后缀的格式文件。

js中空格符号怎样正常表示

使用浏览器直接打开刚刚编写的html文件，查看效果界面输出效果。发现空格字符并没有展示出多个空格（多个空格都展示成了一个空格字符）。如下图所示

js中空格符号怎样正常表示

在文本编辑工具中修改之前的代码，修改成使用html实体类型进行转换空格符号并保存文件。如下图所示

js中空格符号怎样正常表示

浏览器再次打开该网页文件，查看界面展示的效果。多个空格已经正常展示了，如下图所示

js中空格符号怎样正常表示

4本页面未经授权抓取自百度经验

使用html实体类型表示字符有时候很不方便，那么我们使用样式来达到同样的效果。将网页文件源码修改成如下图所示的代码并保存文件。

js中空格符号怎样正常表示

再次使用浏览器打开上一步修改后的文件，查看网页效果；界面中显示出了多个空格（表明添加自定义样式标签的字符串是有效的）。如下图所示

js中空格符号怎样正常表示

综合上面各步操作，要在网页中表示多个空格字符，我建议还是使用样式表示比较好，这样代码会方便查看和实现。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！