Rumah > hujung hadapan web > tutorial css > letter-spacing和word-spacing有什么区别

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

零下一度
Lepaskan: 2017-06-19 14:34:58
asal
3450 orang telah melayarinya

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

div {letter-spacing:6px; } 
div {letter-spacing:0.5pt; }
Salin selepas log masuk

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
Salin selepas log masuk

Atas ialah kandungan terperinci letter-spacing和word-spacing有什么区别. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Isu terkini
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan