求问求问~~空格符问题
求问一下,两个document.write(" ")之间,并没有加空格符,为什么提交运行之后,“I love”和“javascript”之间就有空格符了呢??((((*****提前蟹蟹大家啦~只会写C和C++的小白初次学javascript,大家多多包涵~~
求问一下,两个document.write(" ")之间,并没有加空格符,为什么提交运行之后,“I love”和“javascript”之间就有空格符了呢??((((*****提前蟹蟹大家啦~只会写C和C++的小白初次学javascript,大家多多包涵~~
2017-02-13
不同的<script></script>块间默认有空格的!!。
在同一个<script></script>用document.write()向浏览器输出空格可以看看下面
:
浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。
如document.write("1 2 3");
输出结果:1 2 3
解决办法:
1.使用html空格标签 来解决
如document.write(" "+"12"+" "+"34");
输出结果: 12 34
2.使用css样式来解决
在输出时添加"white-space:pre;"样式属性。这个样式表示"空白会被浏览器保留";
如:document.write("<span style='white-space:pre;'>"+"1 23 4"+"</span>");
输出结果:1 23 4
关于white-space属性:值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。nowrap文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。pre-wrap保留空白符序列,但是正常地进行换行。pre-line合并空白符序列,但是保留换行符。inherit规定应该从父元素继承 white-space 属性的值。
举报