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

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

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

這是因為瀏覽器顯示機制，對手動敲入的空格，將連續(xù)多個空格顯示成1個空格。

解決方法：

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  

在輸出時添加“white-space:pre; ”樣式屬性。這個樣式表示"空白會被瀏覽器保留"

以上這篇JS輸出空格的簡單實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。