JS中如何輸出空格

在寫js 的代碼時,會出現(xiàn)這樣的現(xiàn)象:

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

無論在輸出的內容中什么位置有多少個空格,顯示的結果好像只有一個空格。
這是因為瀏覽器顯示機制,對手動敲入的空格,將連續(xù)多個空格顯示成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;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • JS中如何輸出空格 在寫JS代碼的時候,大家可以會發(fā)現(xiàn)這樣現(xiàn)象: document.write("123"); 結...
    陽謀家閱讀 2,706評論 0 2
  • 使用輸出html標簽&nbsp; document.write(" "+"1"+" "+"23"); 輸出...
    WayToGo閱讀 2,726評論 0 50
  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,915評論 0 8
  • 今夜星稀 明月皎潔 低頭苦思 人生不過一抹彩虹 轉瞬即逝 綻放一抹光彩 ----昔玖
    沐染柒閱讀 166評論 0 0
  • “學習都無法征服,你還能做什么?”這段是關于學習與知識的,知識是最大的財富,是最強的武器。
    文魁大腦俱樂部潘若琨閱讀 291評論 0 0

友情鏈接更多精彩內容