word-spacing和letter-spacing之间的区别

这两个属性都用来添加他们对应的元素中的空白。

一、word-spacing(词间距,添加每个单词之间的空白


  语法:word-spacing : normal | length
                 normal :  默认间距
                 length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
       说明:
             检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
             对应的脚本特性为wordSpacing。

***检索或设置对象中的单词之间插入的空格数。由浮点数字和单位标识符组成的长度值,允许为负值。 
***默认值为 normal,等同于设置为0 
***CSS 把“字(word)”定义为任何非空白符字符组成的串,并由某种空白字符包围。这个定义没有实际的语义,它只是假设一个文档包含由一个或多个空白字符包围的字。支持 CSS 的用户代理不一定能确定一个给定语言中哪些是合法的字,而哪些不是。尽管这个定义没有多大价值,不过它意味着采用象形文字的语言或非罗马书写体往往无法指定字间隔。

***利用这个属性,可能会创建字间隔太宽的文档,所以,使用 word-spacing 时要小心。

二、letter-spacing(字间距,添加每个字母或汉字之间的空白

 语法:letter-spacing : normal | length
                  normal :  默认间隔
                  length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位

     说明:
           检索或设置对象中的文字之间的间隔。
          该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
         对应的脚本特性为letterSpacing。

***设置对象中的文字之间的间隔.每一个中文文字以及英文字母之间,都被隔开了所设置的距离,此属性是控制字间距的.其属性值是中英文都适用 
***默认值为 normal,等同于设置为0 
***用letter-spacing 只对文字起作用 对于图片失效的 
***用letter-spacing 对汉字是以一个字进行间隔的 对于英文是以一个字母进行间隔的



 


 

你可能感兴趣的:(css)