JS中如何輸出空格

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

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

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

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

解決方法:

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

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

2. 使用CSS樣式來解決

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

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

總結

以上是生活随笔為你收集整理的[HTML]在页面中输出空格的几种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。