p { letter-spacing: 2px; }
在上面的例子中,大家为p
元素设置了 2 像素的字母间距。
你还可以使用负值来让字母更加紧凑。以下例子将字母间距设置为 -1 像素:
p { letter-spacing: -1px; }
在某些情况下,你可能想要控制单词之间的空白。可以使用word-spacing
属性来设置单词之间的间距。
p { word-spacing: 5px; }
上面的例子中,大家将单词间距设置为 5 像素。
除了上述属性,还可以使用text-align
属性来控制文本的对齐方式,如左对齐、右对齐、居中对齐等。
p { text-align: center; }
上面的例子中,大家将文本设置为居中对齐。
现在你已经了解了一些常用的 CSS3 文字间隔属性,试着在你的网站中使用它们来让你的文本更加美观吧。