css =====単語間隔

直接コーディングする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>word-spacing</title>
</head>
    <!-- 
        该属性定义元素中字之间插入多少空白符。
        针对这个属性,“字” 定义为由空白符包围的一个字符串。
        如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。
        允许指定负长度值,这会让字之间挤得更紧。
     -->
     <style>
         /*  
            word-spacing  中文无效
            normal	默认。定义单词间的标准空间。 0px  默认值与浏览器差异有关
            length	定义单词间的固定空间。
            inherit	规定应该从父元素继承 word-spacing 属性的值。
          */
        body{
    
    
            padding: 50px
        }
        p{
    
    
            word-spacing: 20px
        }
        .ws10{
    
    
            word-spacing: 0px
        }
        .ws-normal{
    
    
            word-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>

効果

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/hu1628299958/article/details/110358186