在不同浏览器中空格显示的效果不一致的问题(主要是宽度不一致)

<div>&nbsp;&nbsp;abc</div>

在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同。

到网上查了一下资料，大概意思是这样的：

不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体，而firefox和chrome的默认字体是Times New Roman，宋体是字符等宽的字体，但Times New  Roman不是字符等宽的字体，因为浏览器默认字体的不同，空格符&nbsp;在不同的浏览器下面的显示宽度也不同。

解决办法：在空格那一行设置一下字体，把字体设置成任意一种字符等间距的字体就行了。

如：<div style="font-family:‘宋体‘;">&nbsp;&nbsp;abc</div>

时间： 2024-10-29 19:08:45

在不同浏览器中空格显示的效果不一致的问题(主要是宽度不一致)的相关文章

jsp网页在浏览器中不显示图片_eclipse环境下配置tomcat中jsp项目的虚拟路径

遇到的问题是这种,在jsp网页中嵌入了本地的图片,由于会用到上传到服务器的图片,所以没有放到项目里面,而是把全部图片单独放到一个文件夹里,然后打算使用绝对路径把要显示的图片显示出来.比方是放在了E盘的uploadPhotos文件夹里.可是在使用绝对路径显示时.代码例如以下: <img width="200" height="150" src="E:\uploadPhotos\DSC00216.jpg" border="1"

在网页浏览器中原生显示PDF文件

在网页中直接显示pdf格式的文件方便阅读.但是如果文件较大加载速度会很慢,另外如果客户端没有安装pdf阅读插件的话,也就看不了了. 这种方式的好处就是不需要转换,直接显示,而且在加载时(高级的浏览器,像Chrome,火狐等),加逐步加载. <html><body marginwidth="0" marginheight="0" style="<embed width="100%" height="100

Asp.net Web Api 返回结果格式，及在浏览器中的显示

  using System.Collections.Generic; using System.Web.Http; using ExtJS.WebApi.Data; namespace ExtJS.WebApi.Controllers { [RoutePrefix("api/Book")] public class BookController : ApiController { [Route("Get")] public List<BookModel>

win10系统IE浏览器中无法显示Java国际化的问题

http://jingyan.baidu.com/article/656db918e37914e381249c9f.html?qq-pf-to=pcqq.c2c 自从装上Win10系统后,跟随前些IE也到了11,但每次打开自己喜欢的网站,发现有中英双语的网站,IE都自动选择英文为,非常不爽.每次都要手工去更改.经过他人在Win8的经验,经过摸索,我们把WIN10中修改默认语言为中文. 工具/原料 WIN 10 IE 11 浏览器 方法/步骤 每次打开IE,访问一些含有中英双语的网,都会是英文为默

HTML5新属性在Google浏览器中不能显示的问题

这两天在学习HTML5新属性时遇到了如下问题,很是不解: 例如在学习使用canvas时,需要绘制一个红色的原点,代码如下: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>HTML5画布</title> 6 </head> 7 8 <body> 9 <!--定义一块画布--> 10 <

Flask-在浏览器中直接显示文本文件中的内容

目录结构: project├── info.json├── run.py└── static       └── readme.txt # 直接返回static目录下的文件内容 @app.route('/readme.txt') def hi(): return redirect(url_for('static',filename='readme.txt')) # 若要返回根目录下的文本文件,如info.json则: @app.route('/<path>') def info(path):

兼容各浏览器中的PNG透明效果CSS定义

<style>.mycls{width: 48px;height: 48px;background: url(20090318230119136.png) no-repeat left top;_background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");}&

托管到github上的网页图片在百度浏览器中显示不全

这几天做了个较完整的网页放到github上,上传后看网页效果. 在Firefox浏览器中,显示正常. 在百度浏览器中,空了一大块位置(图片位置),偏偏只空了这一块,其它地方的图片都好好的. 点击f12查看,源代码中的<img>也不见了. 将错误信息放到百度上搜,有网友解释是因为 有"ad" 或"ads", 而我那几张图片就放在"ad"文件夹中. 更改文件名后,正常显示了.我........ 应该是百度浏览器里面有个什么插件过滤掉&qu

空格&amp;amp;nbsp在不同浏览器中显示距离不一致问题解决方法

  在ie.firefox.chrome浏览器上显示的效果不太一样,主要是前面的空格宽度不同. 网上资料说不同的浏览器会有不同的默认字体.一般 IE默认字体都是宋体,而firefox和chrome的默认字体是Times New Roman,宋体是字符等宽的字体,但Times New  Roman不是字符等宽的字体,由于浏览器默认字体的不同.空格符 在不同的浏览器以下的显示宽度也不同. 比如以下代码分别以IE和chrome进行測试 <table> <tr> <td>我是第