使用js添加空格的问题

两个字之间的连续空格 ，在IE 和FF、chrome中表现不同，FF、chrome中好像变窄了，如何解决？

1.设置字间距或者是将字体设置成等宽字体比如宋体，然后使用 即可。

2.你只要在全角状态下打出空格就可以了！全兼容！

因为浏览器默认字体的不同，空格符 在不同的浏览器下面的显示宽度也不同。

如在d.appendChild(div)上面加一句：

div.style="font-family:'宋体'white-space:pre"

HTML中默认会忽略多个空格符，值保留一个。如果需要在页面上显示多个空格符，需要用空格符对应的实体（&

nbsp）来代替；(&和nbsp之间的空格在使用时需要去掉)

比如

document.write('Hello!&

nbsp&

nbsp&

nbspWorld!')

输出到页面时，Hello和World之间会有3个空格。

1 是的，。

2 这是因为Vue.js编码规范中规定，HTML元素的属性名与属性值之间只能有一个空格隔开，如果有多个空格则会被视为语法错误。

3 如果你需要在input两个字之间添加多个空格，可以考虑使用CSS的letter-spacing属性或者在input标签内部添加空格的HTML实体符号。

---