首页 >web前端 >css教程 >letter-spacing和word-spacing有什么区别

letter-spacing和word-spacing有什么区别

零下一度
零下一度原创
2017-06-19 14:34:583293浏览

语法: 
letter-spacing : normal | length 
参数: 
normal :  默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位 
说明: 
检索或设置对象中的文字之间的间隔。
属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。 
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。 
示例: 

div {letter-spacing:6px; } 
div {letter-spacing:0.5pt; }

letter-spacing和word-spacing有什么区别

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

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

word-spacing 属性增加或减少单词间的空白(即字间隔)。

letter-spacing 属性增加或减少字符间的空白(字符间距)。

word-spacing(即字间隔):
This    is    some    text.    This    is    some    text.
This is some text. This is some text.
letter-spacing (字符间距):
T    h    i    s     i    s    h    e    a    d    e    r 4

以上是letter-spacing和word-spacing有什么区别的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn