Chrome，firefox，ie等浏览器空格 宽度不一样
2024-08-29 18:08:41
方案一：使用其他字符代替空格
使用（ ；）空格浏览器之间，显示的不一样，对不齐等现象。
解决方案：
用半角空格&ensp；或者全角空格&emsp；就可以了，&ensp；相当于半格中文字符的宽度，&emsp；相当于一个中文字符宽度。
扩展：
 ；
它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。
&ensp；
它叫“半角空格”，全称是En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性：透明的，此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。
&emsp；
它叫“全角空格”，全称是Em Space，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性：透明的，此空格也有个相当稳健的特性，就是其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。
&thinsp；
它叫窄空格，全称是Thin Space。我们不妨称之为“瘦弱空格”，就是该空格长得比较瘦弱，身体单薄，占据的宽度比较小。它是em之六分之一宽。
&zwnj；
它叫零宽不连字，全称是Zero Width Non Joiner，简称“ZWNJ”，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。Unicode中的零宽不连字字符映射为“”（zero width non-joiner，U+200C），HTML字符值引用为：
&zwj；
它叫零宽连字，全称是Zero Width Joiner，简称“ZWJ”，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。零宽连字符的Unicode码位是U+200D (HTML: ）。
方案二：
解决办法：
一、修改页面的编码格式<meta http-equiv="content-type" content="text/html; charset=gbk">
和页面的编译方式(myeclipse中)
一、修改页面的编码格式<meta http-equiv="content-type" content="text/html; charset=gbk">
和页面的编译方式(myeclipse中)
然后IE右键修改编码显示格式即可
二、(推荐)在空格那一行设置一下字体，把字体设置成任意一种字符等间距的字体就行了。
如：
<div style="font-family: '宋体'">nbsp;nbsp;nbsp;nbsp;我是第二行</div>PS：nbsp;替换为
如果style="font-family: '宋体'" 实现不了，可将"宋体"改为"Times New Roman"
笔者建议是第一种，挺好用的......
最新文章
- Lesson 13 The Greenwood Boys
- libjpeg 编译makfile
- Install PIL on mac osX10.9
- 20160817_Redis配置操作
- SpreadJS 中应用 KnockoutJS 技术
- f2fs解析（七）node管理器中的 free_nid 结构体
- cocos2d-x lua table数据存储
- Asp.net的内置对象！！！
- [Everyday Mathematics]20150208
- Hashtable与HashMap区别（2）
- PHP操作Oracle数据库
- SQLServer 2008 ：error 40 出现连接错误
- Javascript模块化编程：AMD规范及require.js用法【转】 - loheonly的笔记 - 前端网（W3Cfuns）
- ArcGIS API for JavaScript 4.4学习笔记[新] AJS4.4和AJS3.21新特性
- 记录一个Unity播放器插件的开发
- A low-cost wear-leveling algorithm for block-mappingsolid-state disks
- 10本Java书籍推荐
- Python基础理论 - 面向对象
- mssql sqlserver 取消数值四舍五入的方法分享
- sql server2012学习笔记