html和js中对“空格”的使用

摘要:转义字符的写法。在html标签中使用。可以写多个,每有一个则会渲染出一个空格,不会像按多个空格键一样,最终只显示一个。

1. 

转义字符的写法

在html标签中使用。

可以写多个,每有一个则会渲染出一个空格,不会像按多个空格键一样,最终只显示一个。

<div>1               2</div>    // 1 2
<div>1     2</div> // 1 2

注意:&和结尾的;都不能少

 

2.&#32;

ASCII编码的写法。

在html标签中使用。

写一个和同时写多个一样,最终只显示一个,类似于按空格键

<div>1 2</div>    // 1 2
<div>1 2</div> // 1 2
在js中使用。
可以使用String.fromCharCode(),参数是#后面的数字,可以输出多个空格
console.log(1+ String.fromCharCode(32) + String.fromCharCode(32) + String.fromCharCode(32) +2)    // 1   2
 

3.\xa0

\xa0属于latin(ISO/IEC_8859-1,拉丁字母)中的扩展字符集字符,代表空白符nbsp(non-breaking space)

在html标签中使用。

和&nbsp;一样,可以写多个,显示多个

<div>1    2</div>    // 1    2
 在js中使用。
在js中不需要&#,且可以连续写而不用拼接
console.log(1+ '\xa0\xa0\xa0\xa0' +2)    //1    2


 

4.U+0020

属于Unicode字符

在js中使用。用法和\xa0一样

console.log(1+ '\ \ \ \ ' +2)    // 1    2

 

5.\x20

标准键盘码值表-十六进制

在html标签中使用。只显示一个

<div>1    2</div>  // 1 2
在js中使用。
console.log(1+ '\x20\x20\x20\x20' +2)  // 1    2


 

6.%20

对URI 进行解码的样式,需要用到decodeURIComponent
在js中使用。
console.log(1+ decodeURIComponent('%20')+decodeURIComponent('%20')+decodeURIComponent('%20') +2)  // 1   2

7.\

这种相当于按了tab键,一个相当于4个空格
在js中使用.
console.log(1+ '\	\	\	\	' +2)  // 1                2



本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_9614