CSS letter-spacing属性效果演示 CSS letter-spacing demo

不同的文字间距效果演示:

这段文字的文字间距为-1px。

这段文字的文字间距为4px。

这段文字的文字间距为8px。

两个内联块级元素之间的空白间隙演示:

消除空白间隙前:

消除空白间隙后:

letter-spacing动画

使用鼠标滑过下面的文字看看效果。

在一些文字编辑工具和图像编辑工具中(如Word和photoshop),都带有文字间距调整的功能。在CSS中,可以通过letter-spacing属性来完成这个功能。该属性会增加或减少字符间的空白,它允许使用负值,这会让字母之间更紧凑。