justify

最后一個水平對齊屬性是 justify。

在兩端對齊文本中，文本行的左右兩端都放在父元素的內(nèi)邊界上。然后，調(diào)整單詞和字母間的間隔，使各行的長度恰好相等。您也許已經(jīng)注意到了，兩端對齊文本在打印領域很常見。

需要注意的是，要由用戶代理（而不是 CSS）來確定兩端對齊文本如何拉伸，以填滿父元素左右邊界之間的空間。如需了解詳情，請參閱 CSS text-align 屬性參考頁。

字間隔

word-spacing 屬性可以改變字（單詞）之間的標準間隔。其默認值 normal 與設置值為 0 是一樣的。

word-spacing 屬性接受一個正長度值或負長度值。如果提供一個正長度值，那么字之間的間隔就會增加。為 word-spacing 設置一個負值，會把它拉近：

p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}


This is a paragraph. The spaces between words will be increased.



This is a paragraph. The spaces between words will be decreased.

實例 TIY ：增加或減少單詞間距（字間隔）

注釋：如需深入理解 CSS 對“字”（word）的定義，請訪問 CSS word-spacing 屬性參考頁。

字母間隔

letter-spacing 屬性與 word-spacing 的區(qū)別在于，字母間隔修改的是字符或字母之間的間隔。

與 word-spacing 屬性一樣，letter-spacing 屬性的可取值包括所有長度。默認關鍵字是 normal（這與 letter-spacing:0 相同）。輸入的長度值會使字母之間的間隔增加或減少指定的量：

h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}

This is header 1
This is header 4
字符轉(zhuǎn)換
text-transform 屬性處理文本的大小寫。這個屬性有 4 個值：
none
uppercase
lowercase
capitalize
默認值 none 對文本不做任何改動，將使用源文檔中的原有大小寫。顧名思義，uppercase 和 lowercase 將文本轉(zhuǎn)換為全大寫和全小寫字符。最后，capitalize 只對每個單詞的首字母大寫。
作為一個屬性，text-transform 可能無關緊要，不過如果您突然決定把所有 h1 元素變?yōu)榇髮�，這個屬性就很有用。不必單獨地修改所有 h1 元素的內(nèi)容，只需使用 text-transform 為你完成這個修改：
h1 {text-transform: uppercase}
使用 text-transform 有兩方面的好處。首先，只需寫一個簡單的規(guī)則來完成這個修改，而無需修改 h1 元素本身。其次，如果您以后決定將所有大小寫再切換為原來的大小寫，可以更容易地完成修改。
首頁 1  2  3 尾頁