css常用属性总结：关于word-spacing和letter-spacing的使用
前端时间项目版本迭代，修改代码时发现使用了关于word-spacing和letter-spacing。先说下使用场景，以前的项目中，经常遇到某些字符间有一些间距，我看了一些同事的代码是这么实现的:
<p>操 作</p>
如果之间比一个空格距离要宽的话，就多加几个 ，这个方法虽然可行，总觉得是太暴力了，于是自己使用了css来实现该效果，但是中间也遇到一些以前没注意问题，那就是word-spacing和letter-spacing的差别。
开始自己也想很简单，于是直接使用p{word-spacing:10px;},然后直接尴尬了，没有任何效果，主要原因还是没有细究两个之间的差别，先看看它的语法吧。
letter-spacing
语法：
letter-spacing : normal | length
参数：
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明：
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。
word-spacing
语法：
word-spacing : normal | length
参数：
normal : 默认间距
length : 由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明：
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。
总结起来：letter-spacing为每个字符之间的空白距离，word-spacing为单词之间的空白距离，
其他没有效果，所以上面就好解释了，中文文字下用word-spacing是没有效果的，所以只能用letter-spacing。
最新文章
- 记录一次Tomcat内存泄露原因的追溯
- Nancy 学习-视图引擎 继续跨平台
- [Liferay6.2]Liferay入门级portlet开发示例
- MVC5+EF6简单实例---以原有SQLServer数据库两表联合查询为例
- BurpSuite之HTTP brute暴力破解
- hdu 1733 分层网络流 ****
- Matlab动态数组实现
- windows 7 64位 安装oracle 11g R2
- Have trouble in your life
- BZOJ1708: [Usaco2007 Oct]Money奶牛的硬币
- Android：Drag and Drop的应用
- 【5】-阿里面试题android网络图片加载优化
- Tomcat的缺省是多少，怎么修改
- c++简单学习
- oracle07
- 报错The VMware Authorization Service is not running
- 关于static关键字
- 如何为Android平台编译 opencv3 和 opencv_contrib (Linux)
- python初步入门
- Altium Designer之多图纸设计