JS中如何輸出空格
在寫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????232. 使用CSS樣式來解決
?document.write("<span?style='white-space:pre;'>"+"??1????????2????3????"+"</span>");
?結(jié)果:??1???????2?????3? ?
?在輸出時添加“white-space:pre;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"
2015-08-29
JS主要是實現(xiàn)網(wǎng)頁上的特效效果的，CSS樣式是表現(xiàn)，HTML是網(wǎng)頁內(nèi)容的載體，在制作網(wǎng)頁時，要把三者結(jié)合起來使用，由于瀏覽器顯示機制的作用，空格是不起作用的，可以通過 標(biāo)簽或CSS樣式輸出空格。
CSS樣式：document.write("<span style="whitespace">" + 要輸出的內(nèi)容 + “</span>”)內(nèi)嵌式方式
2015-08-11
厲害啊
2015-06-18
厲害！
2015-06-03
2015-05-10
做一名有內(nèi)涵的設(shè)計師
2015-05-10
2015-05-10
2015-05-10
不錯支持
2015-03-11
document.writeln("")會自動加上空格做為間隔