Html和JS字符串中間加空格的簡單實例
背景
你有沒有在項目開發(fā)當(dāng)中遇到當(dāng)你想要label兩端對齊的時候,設(shè)置text-align:justify不生效?亦或者確實需要手動添加空格到某處時,卻不知如何下手?當(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中使用,但是要變成 。
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ǔ)充一點:字符串在存儲上類似字符數(shù)組,所以它每一位的單個元素都是可以提取的。
如s=“abcdefghij”,則s[1]=“a”,s[10]="j",而字符串的零位正是它的長度,如s[0]=10(※上述功能Ansistring沒有。),這可以給我們提供很多方便,如高精度運算時每一位都可以轉(zhuǎn)化為數(shù)字存入數(shù)組。
結(jié)尾
到此這篇關(guān)于Html和JS字符串中間加空格的文章就介紹到這了,更多相關(guān)Html和JS字符串中加空格內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript躲避行星游戲?qū)崿F(xiàn)全程
本文將使用 canvas 創(chuàng)建一個躲避小行星游戲。另外將重點介紹的兩個方面是:如何使用 JavaScript 來檢測鍵盤輸入,以及如何在游戲中使用和處理 HTML5 音頻。希望你能夠喜歡2022-08-08javascript eval()應(yīng)用實例 select
javascript eval應(yīng)用小例子。實例代碼就是控制checkbox的選擇與取消的函數(shù),非常不錯。2009-07-07js實現(xiàn)二級菜單點擊顯示當(dāng)前內(nèi)容效果
這篇文章主要介紹了js實現(xiàn)二級菜單點擊顯示當(dāng)前內(nèi)容效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04基于JavaScript實現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼
這篇文章主要介紹了基于JavaScript實現(xiàn) 網(wǎng)頁切出 網(wǎng)站title變化代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細(xì)介紹了bootstrapValidator.min.js表單驗證插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02JavaScript表格隔行變色和Tab標(biāo)簽頁特效示例【附j(luò)Query版】
這篇文章主要介紹了JavaScript表格隔行變色和Tab標(biāo)簽頁特效,結(jié)合實例形式分析了javascript元素遍歷、事件響應(yīng)相關(guān)操作技巧,并附帶jQuery對應(yīng)實現(xiàn)代碼供大家參考,需要的朋友可以參考下2019-07-07