各位观众老爷,大家好!今天咱们来聊聊一个CSS界的新鲜玩意儿,它叫text-spacing,以及它里面两个小弟trim-start和trim-end。这哥仨儿要是用好了,能让你的文本排版瞬间精致起来,尤其是处理中文、日文、韩文(CJK)文本的时候,效果杠杠的。咱们废话不多说,直接上干货! Part 1: 啥是text-spacing? 简单来说,text-spacing属性就是用来控制文本字符间距的。但是,它可不是简单的letter-spacing的替代品。letter-spacing是粗暴地在每个字母之间插入固定间距,而text-spacing更加智能,它会根据字符的类型,进行精细化的间距调整。 text-spacing属性可以设置一个或者两个值。一个值的时候,同时影响trim-start和trim-end。两个值的时候,第一个值影响trim-start,第二个值影响trim-end。 目前,text-spacing还处于提案阶段,所以浏览器支持情况可能不太好。但是,了解一下总是没错的,说不定哪天就普及了呢! Part 2: trim-start和trim-end:标点符号挤压的利器 …
继续阅读“CSS `text-spacing` `trim-start` / `trim-end` (提案) 标点挤压与对齐”