不同浏览器中空格占位不同的解决方法

不同浏览器对空格的解释也不尽相同。

主要代码如下：
function paint(n){
for(var i=0;i<n;i++){
for(var j=n;j>i;j--){
document.write("&nbsp;");
}
for(var m=0;m<2*i+1;m++){
document.writeln("*");
}
document.write("<br/>");
}
}
运行结果：
1. Chrome（Opera）中：

1. Firefox (IE 360)中：
   

解决方法:将&nbsp改为&emsp

运行结果：
1 Chrome（Opera）中：

2 虽然在IE 360中可以正常显示：

但是Firefox却出现了如下问题：

空格又向右偏移了。。

不知道哪位专业的开发人员可以给点指点呢？欢迎评论，非常感谢！

参考链接：
http://kayosite.com/html-different-characteristics-and-performance-of-space-research.html

——————-2016.2.21分割线———————
关于FireFox浏览器找到一种解决方法，就是在使用&emsp的基础上，再设置字体，如：

body{ font-family:'宋体'; }