中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

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

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

健康| 军事| 蒙城县| 大关县| 南部县| 寿宁县| 保德县| 绿春县| 柳河县| 罗甸县| 常熟市| 湟中县| 大同市| 开封市| 云浮市| 弥勒县| 香格里拉县| 永修县| 鹤峰县| 犍为县| 万山特区| 尚义县| 呼伦贝尔市| 仁寿县| 白银市| 西城区| 新乐市| 丽江市| 安陆市| 凤台县| 南和县| 德昌县| 潜山县| 通海县| 富阳市| 庆阳市| 新安县| 西畴县| 朝阳区| 隆回县| 西乌|