在寫JS代碼的時(shí)候，大家可以會(huì)發(fā)現(xiàn)這樣現(xiàn)象:

document.write("???1??????2????????????????3??");
結(jié)果:?1?2?3

無論在輸出的內(nèi)容中什么位置有多少個(gè)空格，顯示的結(jié)果好像只有一個(gè)空格。

這是因?yàn)闉g覽器顯示機(jī)制，對(duì)手動(dòng)敲入的空格，將連續(xù)多個(gè)空格顯示成1個(gè)空格。

解決方法:

1. 使用輸出html標(biāo)簽 來解決

?document.write("  "+"1"+"    "+"23");
?結(jié)果:??1????23

2. 使用CSS樣式來解決

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

? ?

?在輸出時(shí)添加“white-space:pre;”樣式屬性。這個(gè)樣式表示"空白會(huì)被瀏覽器保留"