• 技术文章 >web前端 >css教程

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

    零下一度零下一度2017-06-19 14:34:58原创1807
    语法:
    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核实处理。
    上一篇:css中line-height的深入理解 下一篇:css中text-indent 用法及与padding 的区别详解
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 纯CSS3怎么实现波浪效果?(代码示例)• 深入探究CSS鼠标指针交互效果• CSS变量是怎么工作的?如何使用内联CSS变量进行布局?• css3怎样实现不是直角的菱形效果• 12个值得收藏的 CSS 技巧!!
    1/1

    PHP中文网