[分享]css内嵌式字符间距代码

CSS内嵌式字符间距是一种可以让文本字符之间间隔增加或减小的样式效果。在CSS中，这个效果可以通过letterspacing属性来实现。 p { letterspacing: 0.5em; } 上面的...

CSS内嵌式字符间距是一种可以让文本字符之间间隔增加或减小的样式效果。在CSS中，这个效果可以通过letter-spacing属性来实现。

 p {
     letter-spacing: 0.5em;
   } 

上面的代码将增加每个字符之间的间距0.5em。如果你想让字符之间的间距更小，可以把letter-spacing值设置为负数：

 p {
     letter-spacing: -0.1em;
   } 

注意，letter-spacing样式将会影响到包括空格在内的文本字符间的距离。如果你只想调整字符之间的距离而不影响空格，则必须使用word-spacing属性：

 p {
     word-spacing: 0.2em;
   } 

上面的代码将增加每个单词之间的间距0.2em。

最后，我们注意到letter-spacing属性也可以应用于选择器中的单个字母：

 p span:first-of-type {
      letter-spacing: 0.2em;
   }