欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

DivCSS教程:letter-spacing與word-spacing屬性詳解_Div+CSS教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
我們查閱CSS手冊(cè)http://m.dounai2.com/css2html/ 可以了解letter-spacing與word-spacing屬性都是控制文本間距的屬性,那么它們有何區(qū)別,有何共同之處呢?

  letter-spacing 設(shè)置對(duì)象中的文字之間的間隔。
  word-spacing 設(shè)置對(duì)象中的單詞之間的間隔。

  letter-spacing與word-spacing屬性可以定義為一定的長(zhǎng)度值進(jìn)行控制。當(dāng)值等于normal的時(shí)候,是默認(rèn)的樣式,也相當(dāng)于是等于零值。我們通過(guò)下面的示例來(lái)區(qū)別它們。

  letter-spacing屬性的實(shí)例:

div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [m.dounai2.com]

[ 可先修改部分代碼 再運(yùn)行查看效果 ]

  我們運(yùn)行上面的代碼發(fā)現(xiàn),應(yīng)用letter-spacing屬性后,每一個(gè)中文文字以及英文字母之間,都被隔開(kāi)了所設(shè)置的距離,說(shuō)明此屬性在我們控制字距的時(shí)候是非常有用的。

  word-spacing屬性的實(shí)例:

div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [m.dounai2.com]

[ 可先修改部分代碼 再運(yùn)行查看效果 ]

  我們運(yùn)行上面的代碼發(fā)現(xiàn),應(yīng)用word-spacing屬性后,中文文字之間的距離沒(méi)有發(fā)生任何變化,而第二行的“CSS Web Design”這三個(gè)單詞之間的距離產(chǎn)生了效果,被隔開(kāi)了所設(shè)置的距離。說(shuō)明此屬性在英文文檔中比較有效的隔開(kāi)單詞的間距,對(duì)中文就無(wú)能為力了,或許因?yàn)橹形氖菦](méi)有單詞這一概念的文字形式。

  我們?cè)趯?shí)際布局中,假如需要對(duì)英文單詞設(shè)置間隔,可以用word-spacing屬性。假如是對(duì)中文字距進(jìn)行調(diào)整,我們只能用letter-spacing屬性進(jìn)行設(shè)置!
  

來(lái)源:無(wú)憂整理//所屬分類:Div+CSS教程/更新時(shí)間:2007-08-16
相關(guān)Div+CSS教程