[分享]css两个字符间距

CSS中有一项属性是用来控制字符之间的间距的，那就是letterspacing。letterspacing属性用来控制字符之间的水平间距，目标元素必须为文本标记。p{ letterspacing: 2...

CSS中有一项属性是用来控制字符之间的间距的，那就是letter-spacing。letter-spacing属性用来控制字符之间的水平间距，目标元素必须为文本标记。

p{
  letter-spacing: 2px;
} 

在样式表中，字母间距可以使用像素、百分比或者em作为单位。如果letter-spacing使用百分比，则以元素的父元素的字体大小为基准。不过，letter-spacing的负值同样可用。一个负的letter-spacing值会使文本字母紧凑在一起。

p{
  letter-spacing: -1px;
} 

如果我们要设置单个字母的间距，需要给该字母加上span标签，然后对该标签设置letter-spacing属性。

p span{
  letter-spacing: 5px;
} 

除此之外，HTML中的 也可以用来设置间距，这是一种被称作空格的字符。不过，该方法只适用于单行文本，如果需要在多行文本中添加间距，建议使用letter-spacing属性。

<p>
  单行文本的间距可以使用 实现
</p>
<p style="letter-spacing: 2px;">
  多行文本的间距应该使用letter-spacing
</p> 

总之，letter-spacing属性在设计中是一个相当有用的功能，可以使文本对齐更紧凑或更松散，允许设计师更好地控制排版。