登录  /  注册
首页 > web前端 > css教程 > 正文
letter-spacing和word-spacing有什么区别
零下一度
发布: 2017-06-19 14:34:58
原创
2439人浏览过

语法:
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中文网其它相关文章!

来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学