CSS中設(shè)置字間距常用的屬性是letter-spacing。通過(guò)設(shè)置這個(gè)屬性,我們可以增加或者減少文本中各個(gè)字符之間的間隔距離。
letter-spacing的基本語(yǔ)法如下:
selector { letter-spacing: value; }
其中,selector表示需要設(shè)置字間距的元素;value是間距的具體值,可以是正數(shù)、負(fù)數(shù)或者0。
當(dāng)value為正數(shù)時(shí),表示增加字符之間的距離;當(dāng)value為負(fù)數(shù)時(shí),表示減少字符之間的距離;當(dāng)value為0時(shí),字符之間的距離不變。
例如,我們可以設(shè)置一個(gè)元素的字間距為2像素:
p { letter-spacing: 2px; }
這樣,這個(gè)元素中的文本每?jī)蓚€(gè)字符之間就會(huì)增加2px的距離。
除了直接使用數(shù)值來(lái)設(shè)置間距,還可以使用em、rem等相對(duì)單位,也可以使用inherit將當(dāng)前元素的字間距設(shè)置為與父元素相同。
需要注意的是,letter-spacing屬性對(duì)中文字符的影響不大,因?yàn)橹形淖址ǔ6际堑葘挼模址g的距離已經(jīng)是固定的了。如果需要調(diào)整中文字符之間的間距,需要使用其他的技巧。