css字符间距letter-spacing详解
七娃博客573人阅读
css字符间距letter-spacing详细用法：近期UI提供的设计稿横向总是有空白间距，不知道是特意为之，还是忘记将ps的字符间距恢复为默认值0，导致我的代码与设计稿有点出入，没得办法，只能让letter-spacing出场了！
letter-spacing定义
letter-spacing这个属性，估计只有老前端才知道，刚毕业的菜鸟或者后端很少晓得这个属性是干啥子用的，所以啊，咱还得从基础说起：
letter-spacing 属性增加或减少字符间的空白（字符间距） —— w3c的定义
在我看来，letter-spacing就是 字符横向之间的间隔空隙大小，任意有效单位！注意必须是有效单位，例如：2px,1vw....，错误写法：0,1,2,3...
css写法
letter-spacing: 2px
文本案例效果
浏览器兼容
web端浏览器全部兼容，可以放心使用这个css属性，连古老的ie都支持它，你还有什么不放心的。
评论 | 0 条评论
登录之后才可留言，前往登录