#书摘 #css #前端
《CSS 世界》关于 letter-space
letter-spacing 可以用来控制字符之间的间距,这里说的“字符”包括英文字母、汉字以及空格等。letter-spocing具有以下一些特性。:
(1)继承性。
(2)默认值是 normal 而不是 0。虽然说正常情况下,normal 的计算值就是 0,但两者还是有差别的,在有些场景下,letter-spacing 会调整 normal 的计算值以实现更好的版面布局。
(3)支持负值,且值足够大的时候,会让字符形成重叠,甚至反向排列(非IE浏览器)
(4)和text-indent属性一样,无论值多大或多小,第一行一定会保留至少一个字符。在默认的左对齐情况下,无论值如何设置,第一个字符的位置一定是纹丝不动的。
(5)支持小数值,即使0.1px也是支持的,但并不总能看到效果,这与屏幕的密度有关。对普通的桌面显示器,设备像素比是1,最小渲染单位是1px,因此,需要至少连续10个字符,才能看到 0.1px 产生的 1px 间距变化,如果是 9 个字符,则不会有效果,这很可能会让人误以为letter-spacing不支持非常小的数值,实际上是支持的。

由于letter-spacing负值的字体重叠特性,我们还可以利用该属性实现一些文本动效(如文字飞入)
 
 
Back to Top