背景

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

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

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

2.Js中添加空格

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

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

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

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

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

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

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

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

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

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

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

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

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

整改前

整改后

擴(kuò)展資料

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

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

結(jié)尾

到此這篇關(guān)于Html和JS字符串中間加空格的文章就介紹到這了,更多相關(guān)Html和JS字符串中加空格內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論