快捷導(dǎo)航

Html和JS字符串中間加空格的簡(jiǎn)單實(shí)例

更新時(shí)間：2023年02月03日 12:36:28 作者：熱愛(ài)生活的小獅子

最近遇到了個(gè)需求,需要在字符串的中間加上一兩個(gè)字符串,所以下面這篇文章主要給大家介紹了關(guān)于Html和JS字符串中間加空格的相關(guān)資料,文中介紹的挺詳細(xì),需要的朋友可以參考下

背景

你有沒(méi)有在項(xiàng)目開(kāi)發(fā)當(dāng)中遇到當(dāng)你想要label兩端對(duì)齊的時(shí)候，設(shè)置text-align：justify不生效？亦或者確實(shí)需要手動(dòng)添加空格到某處時(shí)，卻不知如何下手？當(dāng)你百思不得其解的時(shí)候（什么鬼！我竟然連css都不會(huì)了？？？），沒(méi)關(guān)系！不妨換個(gè)思路，來(lái)試試在html或js字符串中間加空格吧！ 俗話說(shuō)的好：不管白貓黑貓，抓到老鼠就是好貓！ 下面就讓我為大家呈現(xiàn)整理好的空格方法大全，保證大家一看就會(huì)，一敲就廢！希望能給大家?guī)?lái)幫助~

1.Html中添加特殊轉(zhuǎn)義字符（含空格）

通常情況下，Html會(huì)自動(dòng)截取多余的空格。所以不管你加了多少個(gè)空格，都會(huì)被解析成一個(gè)空格。比如你在兩個(gè)字之間加了6個(gè)空格，Html會(huì)截去5個(gè)，只保留一個(gè)！所以，為了在頁(yè)面中增加空格，你可以試試這樣~

2.Js中添加空格

1.String.fromCharCode(32) 參數(shù)是#后面的數(shù)字，可以輸出多個(gè)空格。

如：console.log(1+String.fromCharCode(32)+String.fromCharCode(32)+2) // 1 (兩個(gè)空格) 2

2.\xa0 屬于latin（ISO/IEC_8859-1，拉丁字母）中的擴(kuò)展字符集字符，代表空白符nbsp(non-breaking space)。

如：console.log(1+\xa0\xa0\xa0+2) // 1 (三個(gè)空格) 2

它也可以在html中使用，但是要變成&#xa0。

3.U+0020 屬于Unicode字符,用法和\xa0一樣。

如：console.log(1+ '\u0020\u0020\u0020\u0020' +2) // 1 (四個(gè)空格) 2

4.\x20 標(biāo)準(zhǔn)鍵盤(pán)碼值表-十六進(jìn)制。

如：console.log(1+ '\x20\x20\x20\x20\x20' +2) // 1 (五個(gè)空格) 2

5.%20 對(duì)URI 進(jìn)行解碼的樣式，需要用到decodeURIComponent。

如：console.log(1+ decodeURIComponent('%20')+decodeURIComponent('%20') +2) // 1 (兩個(gè)個(gè)空格) 2

6.\t 這種相當(dāng)于按了tab鍵，一個(gè)相當(dāng)于4個(gè)空格。

如：console.log(1+ '\t\t\t\t' +2) // 1 (十六個(gè)空格) 2

整改前

整改后

擴(kuò)展資料

字符串主要用于編程，概念說(shuō)明、函數(shù)解釋、用法詳述見(jiàn)正文，這里補(bǔ)充一點(diǎn)：字符串在存儲(chǔ)上類(lèi)似字符數(shù)組，所以它每一位的單個(gè)元素都是可以提取的。

如s=“abcdefghij”，則s[1]=“a”，s[10]="j"，而字符串的零位正是它的長(zhǎng)度，如s[0]=10(※上述功能Ansistring沒(méi)有。)，這可以給我們提供很多方便，如高精度運(yùn)算時(shí)每一位都可以轉(zhuǎn)化為數(shù)字存入數(shù)組。