HTML | DOM 样式 letterSpacing 属性

letter-spacing 属性用于设置文本中每个字母间的间距。可以为负值，这样就可以让字母更加紧凑。

语法

letter-spacing: normal|length|initial|inherit

属性值

• normal：默认值，字母间距正常。
• length：使用一个具体的长度值（如 5px）来设置字母间距。
• initial：将字母间距设置为默认值。
• inherit：从父元素继承字母间距设置。

实例

设置固定间距

<span style="letter-spacing:5px;">Hello World</span>

设置负值间距

<span style="letter-spacing:-2px;">Hello World</span>

设置默认值

<span style="letter-spacing:initial;">Hello World</span>

以上示例代码将分别得到如下效果：

Hello World

Hello World

Hello World

总结

letter-spacing 属性可以有效地调整文本中每个字母之间的距离，让文本更加易读或有更好的视觉效果。在进行页面设计时需要根据具体情况灵活运用此属性，使页面效果达到最佳。