空格&nbsp在ie、firefox、chrome浏览器中显示距离不一致
导读：收集整理的这篇文章主要介绍了空格 在ie、firefox、chrome浏览器中显示距离不一致，觉得挺不错的，现在分享给大家，也给大家做个参考。 在ie、firefox、chr...
收集整理的这篇文章主要介绍了空格&
nbsp在ie、firefox、chrome浏览器中显示距离不一致，觉得挺不错的，现在分享给大家，也给大家做个参考。 &
nbsp;
&
nbsp;
在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同。 网上资料说
不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体，而firefox和chrome的默认字体是Times New Roman，
宋体是字符等宽的字体，但Times New Roman不是字符等宽的字体，因为浏览器默认字体的不同，
空格符& nbsp; 在不同的浏览器下面的显示宽度也不同。
例如以下代码分别以IE和chrome进行测试
复制代码代码如下:
table>
tr>
td> 我是第一行/td>
/tr>
tr>
td> nbsp; nbsp; nbsp; nbsp; 我是第二行/td>
/tr>
tr>
td> nbsp; nbsp; nbsp; nbsp; nbsp; nbsp; 我是第三行/td>
/tr>
/table>
在chrome显示效果如下：
IE9下显示效果如下：
可以看出两个& nbsp; 在chrome中占一个汉字的宽度，而在IE中四个& nbsp; 才占一个汉字的宽度。
解决办法：
一、修改页面的编码格式meta http-equiv="content-tyPE" content="text/htML; charset=gbk">
和页面的编译方式(myeclipse中)
然后IE右键修改编码显示格式即可
二、(推荐)在空格那一行设置一下字体，把字体设置成任意一种字符等间距的字体就行了。
如：
复制代码代码如下:
div style="font-family: '宋体'"> nbsp; nbsp; nbsp; nbsp; 我是第二行/div>
PS：nbsp; 替换为& nbsp;
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 空格&nbsp在ie、firefox、chrome浏览器中显示距离不一致
本文地址： https://pptw.com/jishu/587989.html