亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS文字間距word-spacing與字符間距letter-spacing有什么不同

發布時間:2022-03-10 15:12:44 來源:億速云 閱讀:247 作者:iii 欄目:web開發

這篇文章主要介紹“CSS文字間距word-spacing與字符間距letter-spacing有什么不同”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“CSS文字間距word-spacing與字符間距letter-spacing有什么不同”文章能幫助大家解決問題。

  一、word-spacing增加或減少單詞間的空白(即字間隔)

  1、檢索或設置對象中的單詞之間插入的空格數,允許為負值。

  2、默認值為normal,等同于設置為0

  3、允許使用負值,會使得字母之間變得更緊湊

  4、利用這個屬性,可能會創建字間隔太寬的文檔,所以,使用word-spacing要謹慎使用

  二、letter-spacing增加或減少字符間的空白(即字符間距)

  1、設置對象中的文字之間的間隔.每一個中文文字以及英文字母之間,都被隔開了所設置的距離,此屬性是控制字間距的。其屬性值是中英文都適用

  2、默認值為normal,等同于設置為0

  3、用letter-spacing只對文字起作用對于圖片失效的

  4、用letter-spacing對漢字是以一個字進行間隔的,對于英文是以一個字母進行間隔的

  舉例:同樣是一句話,分別給letter-spacing和word-spacing屬性,看看他們有什么不同

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="UTF-8">

  <title></title>

  <styletype="text/css">

  .a1{letter-spacing:15px;}

  .a2{word-spacing:15px;}

  </style>

  </head>

  <body>

  <pclass="a1">haveaniceday今天心情怎么樣呢?</p>

  <pclass="a2">haveaniceday今天心情怎么樣呢?</p>

  </body>

  </html>

  效果圖:

  word-spacing.jpg

  總結:CSS中的word-spacing增加或減少單詞間的空白(即字間隔),letter-spacing增加或減少字符間的空白(即字符間距)。默認情況下,letter-spacing我們幾乎都用不上,我們直接采用瀏覽器默認樣式就可以了。

CSS文字間距word-spacing與字符間距letter-spacing有什么不同

關于“CSS文字間距word-spacing與字符間距letter-spacing有什么不同”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

襄城县| 黔西县| 长春市| 如皋市| 峨眉山市| 牙克石市| 鹿邑县| 湘西| 海林市| 界首市| 琼海市| 昭通市| 呈贡县| 兴山县| 农安县| 兖州市| 万州区| 鄂州市| 竹山县| 涞源县| 噶尔县| 石阡县| 杭州市| 彭山县| 车致| 泸水县| 岱山县| 山丹县| 封开县| 安溪县| 祁连县| 福建省| 社旗县| 南乐县| 双牌县| 孟州市| 富源县| 盐边县| 高安市| 华安县| 辛集市|