分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

JS 中如何输出空格

发布时间:2023-09-06 01:42责任编辑:郭大石关键词:暂无标签

在写JS代码的时候,大家可以会发现这样现象:

document.write(" ??1 ?????2 ???????????????3 ?");结果: 1 2 3

无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。

这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。

解决方法:

1. 使用输出 html 标签    来解决

document.write("  "+"1"+"    "+"23"); 结果: ?1 ???23

2. 使用CSS样式来解决

document.write("<span style=‘white-space:pre;‘>"+" ?1 ???????2 ???3 ???"+"</span>"); 结果: ?1 ??????2 ????3

 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"。

转载:http://www.imooc.com/qadetail/68755

JS 中如何输出空格

原文地址:https://www.cnblogs.com/ostrich-sunshine/p/8376253.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved