📜  如何使用 CSS 设置字母间距?

📅  最后修改于: 2021-09-01 02:01:36             🧑  作者: Mango

在本文中,我们将看到如何使用 CSS 设置字母间距。

方法: letter-spacing CSS 属性用于设置文本字符之间的水平间距行为。渲染文本时,此值会添加到字符之间的自然间距。正值有助于扩展文本,而负值有助于收缩文本。

句法:

/* Keyword value */
letter-spacing: normal;

/*  values */
letter-spacing: 0.3em;
letter-spacing: 3px;
letter-spacing: .3px;

/* Global values */
letter-spacing: inherit;
letter-spacing: initial;
letter-spacing: unset;

例子:

HTML


  

    

  

    
        GeeksforGeeks (letter-spacing: .2rem)     
    
        GeeksforGeeks (letter-spacing: 1px)     
    
        GeeksforGeeks (letter-spacing: normal)     
    
        GeeksforGeeks (letter-spacing: -1px)     
  


输出:

注意:此属性有一些限制-

  • 此属性不能使用百分比单位。
  • 此属性不能与对齐文本一起使用。