空格  在不同浏览器中显示的宽度不一致问题【解决办法】

2,101 阅读1分钟

造成原因:

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

解决方法:

给有 的行或者模块设置统一字体
如果style="font-family: '宋体'" 实现不了,可将"宋体"改为"Times New Roman"

注意:

经本人测试 最好将字体设为Times New Roman