JS輸出空格的簡單實現方法

在寫JS代碼的時候，大家可以會發現這樣現象：

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

無論在輸出的內容中什麼位置有多少個空格，顯示的結果好像只有一個空格。

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

解決方法：

1. 使用輸出html標籤來解決

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

2. 使用CSS樣式來解決

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

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

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