天天看点

4.8 字母间距letter-spacing和词间距word-spacing

CSS使用letter-spacing属性定义字间距,使用word-spacing属性定义词间距。这两个属性取值单位都是像素。

一、letter-spacing属性

语法:

letter-spacing:像素值;

letter-spacing控制的是字间距,每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!大家要细心留意一下。

默认情况下,letter-spacing我们几乎都用不上,我们直接采用浏览器默认样式就可以了。大家完全可以忽略掉这个属性。

二、word-spacing属性

语法:

word-spacing:像素值;

定义词间距,以空格为基准进行调节,如果多个单词被连在一起,则被word-spacing视为一个单词;如果汉字被空格分隔,则分隔的多个汉字就被视为不同的单词,word-spacing属性此时有效。