"空格在每个浏览器中显示的距离都不一样"的解决办法
2013-09-17 08:38
555 查看
在IE和FF中使用空格符但是显示效果却不一样(使用 但是宽度却不同),原理是这样的:不同的浏览器会有不同的默认字体,我写了一个测试的文件在IE下和FF下都是正常的,但是在Safari下显示效果却不一样。一般IE和FF的默认字体都是宋体,而Safari的默认字体是Times
New Roman,宋体是字符等宽的字体,但Times New Roman不是字符等宽的字体,因为浏览器默认字体的不同,空格符 在不同的浏览器下面的显示宽度也不同。
解决办法:在空格那一行设置一下字体,把字体设置成任意一种字符等间距的字体就行了。
如:<div style="border:1px #FF0000 solid;font-family:'宋体';white-space:pre;"> 好的</div>
New Roman,宋体是字符等宽的字体,但Times New Roman不是字符等宽的字体,因为浏览器默认字体的不同,空格符 在不同的浏览器下面的显示宽度也不同。
解决办法:在空格那一行设置一下字体,把字体设置成任意一种字符等间距的字体就行了。
如:<div style="border:1px #FF0000 solid;font-family:'宋体';white-space:pre;"> 好的</div>
相关文章推荐
- 空格 在不同浏览器中显示距离不一致问题解决方法
- 空格&nbsp在不同浏览器中显示距离不一致问题解决方法
- 空格 在不同浏览器中显示距离不一致问题解决方法
- 空格 在不同浏览器中显示距离不一致问题解决方法
- 空格 在不同浏览器中显示距离不一致问题解决方法
- 空格&nbsp在不同浏览器中显示距离不一致问题解决方法
- iphone"此证书是由未知颁发机构签名的"的解决办法
- "library not found for - "解决办法
- "flash加载flv,本地测试正常,上传至空间则失败"解决办法
- visual studio 2008 vs2008 中文版在"Visual Studio Web 创作组件"中安装失败的解决办法
- "Windows Update 时提示当前无法检查更新,因为未运行服务"解决办法
- "remote:error:refusing to update checked out branch:refs/heads/master"的解决办法
- "error while loading shared libraries: xxx.so.x" 错误的原因和解决办法
- "无法删除文件夹,目录不是空的"解决办法
- "ios模拟器未能安装此应用程序"解决办法
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- "JSP Semantics Validator (JSF)" 解决办法
- "error while loading shared libraries: xxx.so.x" 错误的原因和解决办法
- sql server 2008 删除数据库出现"因为它正用于复制"的错误解决办法
- "无法安装64位版本的Office,因为在您的PC上找到了以下32位程序"的解决办法