css ===== espaciado entre letras

Codificar directamente

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>letter-spacing</title>
</head>
    <!-- 
        属性增加或减少字符间的空白(字符间距)。
        该属性定义了在文本字符框之间插入多少空间。
        由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。
        因此,normal 就相当于值为 0-->
     <style>
         /*  
            letter-spacing  中文有效
            normal	默认。定义单词间的标准空间。 0px  默认值与浏览器差异有关
            length	定义单词间的固定空间。
            inherit	规定应该从父元素继承 letter-spacing 属性的值。
          */
        body{
    
    
            padding: 50px
        }
        p{
    
    
            letter-spacing: 20px
        }
        .ws10{
    
    
            letter-spacing: 0px
        }
        .ws-normal{
    
    
            letter-spacing: normal;
        }
     </style>
<body>
    <p>
        该属性定义元素中字之间插入多少空白符。中文有效
    </p>
    <p>I am a programmer</p>
    <div class="ws10">I am a programmer</div>
    <div class="ws-normal">I am a programmer</div>
</body>
</html>

efecto

Inserte la descripción de la imagen aquí

Digresión

el espaciado entre letras es para caracteres

Entonces, el chino y la puntuación son válidos

Y el espaciado entre palabras es para palabras

Supongo que te gusta

Origin blog.csdn.net/hu1628299958/article/details/110358353
Recomendado
Clasificación