字间距 CSS

在 CSS 中，我们可以使用 letter-spacing（字距），来控制字母之间的距离。字距的值可以是负数，用于将字母压缩在一起。

语法

selector {
  letter-spacing: normal|length|initial|inherit;
}

• normal：默认值。字符间距正常。
• length：以像素、百分比或 em 为单位指定字符间距。
• initial：使用默认值。
• inherit：从父元素继承字符间距。

示例

h1 {
  letter-spacing: 1px;
}

p {
  letter-spacing: 0.5em;
}

span {
  letter-spacing: -0.2em;
}

兼容性

letter-spacing 属性在现代浏览器中得到了很好的支持。在 IE 8 及更早版本中不被支持。

结论

通过在 CSS 中使用字间距属性（letter-spacing），我们可以控制字母之间的距离。这是一种很好的方法，可以用来提高阅读体验，或者用于特殊的排版需求。