chrome、火狐等浏览器对空格符&nbsp;解析不同，页面显示不一致-LIUTX

来源：懂视网责编：小采时间：2020-11-27 16:42:31

chrome、火狐等浏览器对空格符 解析不同，页面显示不一致-LIUTX

chrome、火狐等浏览器对空格符解析不同，页面显示不一致-LIUTX:最近初学web，从头开始，菜鸟级别，遇到的小问题记录下来。网上资料说空格在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同，这可能是因为不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体而firefox和chro

推荐度：

点击下载本文 文档为doc格式

导读chrome、火狐等浏览器对空格符解析不同，页面显示不一致-LIUTX:最近初学web，从头开始，菜鸟级别，遇到的小问题记录下来。网上资料说空格在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同，这可能是因为不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体而firefox和chro

最近初学web，从头开始，菜鸟级别，遇到的小问题记录下来。

　　网上资料说空格在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同，这可能是因为不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体
而firefox和chrome的默认字体是Times New Roman，宋体是字符等宽的字体，但Times New Roman不是字符等宽的字体，因为浏览器默认字体的不同，空格符
在不同的浏览器下面的显示宽度也不同。

　　解决方案，有建议使用span元素结合间距来实现空格效果。自己也测试了一下，感觉甚好，