首頁 > web前端 > css教學 > letter-spacing和word-spacing有什麼差別

letter-spacing和word-spacing有什麼差別

零下一度
發布: 2017-06-19 14:34:58
原創
3305 人瀏覽過

語法: 
letter-spacing : normal | length 
參數: 
normal :  預設間隔
length :  由浮點數和單位識別碼組成的長度值,允許為負值。請參閱長度單位 
說明: 
檢索或設定物件中的文字之間的間隔。
屬性將指定的間隔加到每個文字之後,但最後一個字將被排除在外。 
對應的腳本特性為letterSpacing。請參閱我所寫的其他書目。
範例: 

div {letter-spacing:6px; } 
div {letter-spacing:0.5pt; }
登入後複製

letter-spacing和word-spacing有什麼差別

CSS中word-spacing屬性
1、檢索或設定物件中的單字之間插入的空格數。由浮點數和單位標識符組成的長度值,允許為負值。
2、預設值為 normal,等同於設定為0
3、CSS 把「字(word)」定義為任何非空白符字元組成的字串,並由某種空白字元包圍。這個定義沒有實際的語義,它只是假設一個文件包含由一個或多個空白字元包圍的字。支援 CSS 的用戶代理不一定能確定一個給定語言中哪些是合法的字,而哪些不是。儘管這個定義沒有太大價值,不過它意味著採用象形文字的語言或非羅馬書寫體往往無法指定字間隔。
4、利用這個屬性,可能會創建字間隔太寬的文檔,所以,使用 word-spacing 時要小心。

二、CSS中letter-spacing屬性
1、設定物件中的文字之間的間隔.每一個中文文字以及英文字母之間,都被隔開了所設定的距離,此屬性是控製字間距的.其屬性值是中英文都適用
2、預設值為normal,等同於設定為0
3、用letter-spacing 只對文字起作用對於圖片失效的
4、用letter-spacing 對漢字是以一個字進行間隔的對於英文是以一個字母進行間隔的

word-spacing 屬性增加或減少單字間的空白(即字間隔)。

letter-spacing 屬性增加或減少字元間的空白(字元間距)。

word-spacing(即字间隔):
This    is    some    text.    This    is    some    text.
This is some text. This is some text.
letter-spacing (字符间距):
T    h    i    s     i    s    h    e    a    d    e    r 4
登入後複製

以上是letter-spacing和word-spacing有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板