我們?cè)诤芏嗬又卸寄芸吹奖尘皩?duì)文字的影響。因此，頁(yè)面中的間距也能成為一種有效的視覺(jué)工具。CSS中自然也提供了各類(lèi)控制間距的屬性。

line-height

數(shù)世紀(jì)前，印刷師使用可延展的鉛條控制兩行文字間的距離，這也是行距（leading）這個(gè)專(zhuān)有名詞的起源。CSS提供了簡(jiǎn)單易用的行距控制屬性line-height。該屬性可被設(shè)置為絕對(duì)數(shù)值、相對(duì)大小、長(zhǎng)度或者百分比，當(dāng)然也可以設(shè)定為inherit。

line-height不需要單位。1.2和1.2m或者120%是同義的—也就是說(shuō)未加單位的值表示基于當(dāng)前文字大小的相對(duì)值。

line-height使用示例：

1. #quickSummary p{
   line-height: 0.8;
   }

letter-spacing

字符間距可使用letter-spacing來(lái)控制。我們可以將其設(shè)定為normal或者一個(gè)長(zhǎng)度值，該長(zhǎng)度值將作為默認(rèn)值的補(bǔ)充，添加到正常的字符間距上。

由于屏幕分辨率較低，所以我們不應(yīng)該為大段文字設(shè)置字符間距，否則文字將顯示很長(zhǎng)。因此最好只在標(biāo)題和小段文字中使用letter-spacing。

letter-spacing使用示例：

1. #quickSummary p{
   letter-spacing: 0.1em;
   }

word-spacing

和letter-spacing 類(lèi)似，word-spacing 用于調(diào)整單詞的間距。該屬性可被設(shè)置normal、長(zhǎng)度值、百分比或者inherit。

需要注意的是諸如文字對(duì)齊（使用text-align）和white-space等設(shè)定均會(huì)影響到瀏覽器對(duì)word-spacing的處理。

word-spacing的使用示例：

1. #quickSummary p{
   word-spacing: 1em;
   }

text-align

text-align用于對(duì)齊文字。可選值為left、right、center和justify。

傳統(tǒng)的對(duì)齊技術(shù)一般使用添加邊字符等方式避免拆行所造成的空隙，而瀏覽器中的調(diào)整則相當(dāng)?shù)牟痪_，其結(jié)果總是會(huì)使得字與字之間存在很大的空隙?？紤] 到瀏覽器的不精確控制，我們更建議使用傳統(tǒng)的right-align和left-align方式， 而居中對(duì)齊則只適合標(biāo)題、引用等小塊文字，不要將其應(yīng)用到長(zhǎng)段文字中。

text-align使用示例：

1. #quickSummary p{
   text-align: right;
   }