📅  最后修改于: 2023-12-03 15:15:36.706000             🧑  作者: Mango
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
属性可以有效地调整文本中每个字母之间的距离,让文本更加易读或有更好的视觉效果。在进行页面设计时需要根据具体情况灵活运用此属性,使页面效果达到最佳。