css字符间距letter-spacing详细用法:近期UI提供的设计稿横向总是有空白间距,不知道是特意为之,还是忘记将ps的字符间距恢复为默认值0,导致我的代码与设计稿有点出入,没得办法,只能让letter-spacing出场了!
css字符间距letter-spacing详解-Qui-Note

letter-spacing定义

letter-spacing这个属性,估计只有老前端才知道,刚毕业的菜鸟或者后端很少晓得这个属性是干啥子用的,所以啊,咱还得从基础说起:

letter-spacing 属性增加或减少字符间的空白(字符间距)  —— w3c的定义

在我看来,letter-spacing就是 字符横向之间的间隔空隙大小,任意有效单位!注意必须是有效单位,例如:2px,1vw....,错误写法:0,1,2,3...

css写法

letter-spacing: 2px

文本案例效果

css字符间距letter-spacing详解-Qui-Note

浏览器兼容

web端浏览器全部兼容,可以放心使用这个css属性,连古老的ie都支持它,你还有什么不放心的。

css字符间距letter-spacing详解-Qui-Note