關(guān)于輸出空格
為什么我在
document.write("?")這樣輸入也能輸出一個空格？
但是
document.write("???????????????????????")這樣輸出的也還是一個空格？
那是不是說以后如果我只想輸出一個空格就可以用第一種方法，不用輸 了呢？求大佬指點一下。
員與猿與緣
2019-03-02
2 回答
舉報
0/150
提交
取消
2019-03-02
JS中如何輸出空格
在寫JS代碼的時候，大家可以會發(fā)現(xiàn)這樣現(xiàn)象:
document.write(" ? 1 ? ? ?2 ? ? ? ? ? ? ? ?3 ?");
結(jié)果:?1 2 3
無論在輸出的內(nèi)容中什么位置有多少個空格，顯示的結(jié)果好像只有一個空格。
這是因為瀏覽器顯示機制，對手動敲入的空格，將連續(xù)多個空格顯示成1個空格。
解決方法:
1. 使用輸出html標簽 來解決
?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;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"
2019-03-02
多謝解答。