我們在很多例子中都能看到背景對文字的影響。因此，頁面中的間距也能成為一種有效的視覺工具。CSS中自然也提供了各類控制間距的屬性。

line-height

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

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

line-height使用示例：

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

letter-spacing

字符間距可使用letter-spacing來控制。我們可以將其設定為normal或者一個長度值，該長度值將作為默認值的補充，添加到正常的字符間距上。

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

letter-spacing使用示例：

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

word-spacing

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

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

word-spacing的使用示例：

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

text-align

text-align用于對齊文字?？蛇x值為left、right、center和justify。

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

text-align使用示例：

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