CSS 文本间距设置

在 CSS 中，我们可以使用 letter-spacing 属性为文本字母之间设置间距。该属性可用于改善某些字体间距紧密的情况，或将文字中的字母拉开以获得更清晰的可读性。

语法

selector {
  letter-spacing: value;
}

值

• normal：默认值，不设置额外的字符间距。
• <length>：以CSS长度单位表示的字符间距。允许使用负值。
• <percentage>：以相邻字符字宽的百分比来设置字符间距。允许使用负值。
• initial：设置为默认值。
• inherit：继承父元素的 letter-spacing 值。

例子

h1 {
  letter-spacing: 3px; /* 将标题元素的字符间距设置为 3px */
}

p {
  letter-spacing: -2px; /* 为段落文本设置一个负值间距，使相邻字符之间更加紧密 */
}

a {
  letter-spacing: 0.2em; /* 使用相对单位 em 设置字符间距 */
}

注意事项

• 不要滥用 letter-spacing 属性，否则可能会导致文本难以阅读。
• 请注意，此属性并不会在所有浏览器版本中都得到支持，建议您检查任何兼容性问题以确保您的代码能够在多个浏览器中展示正确。
• letter-spacing 不会在单词间添加额外的间距。如需添加单词间距，请考虑使用 word-spacing 属性。

以上是 CSS 文本间距设置的介绍。使用 letter-spacing 属性可以让您更好地控制文本字母之间的间距，从而获得更佳的阅读体验。