CSS學習4（文字屬性）

text-align：left | center | right | justify | inherit

用於塊級元素

justify是兩端對齊文字，它將使文字行的兩端都放在父元素的邊界上，調整字元間距，使每行一樣長。

這個只會控制塊級元素中的行內元素，要將塊級元素或表元素居中，要通過在這些元素上適當地設定左、右外邊距來實現。

line-height屬性是指文字行基線之間的距離，而不是字型的大小，它確定了將各個元素框的高度增加或減少多少。

line-height控制了行間距，這是文字行之間超出字型大小的額外空間。換句話說，line-height值和字型大小之差就是行間距。

值：（length） | （percentage）| （number）| normal | inherit

其中百分比是相對於元素的字型大小而言的。

當乙個塊級元素從另乙個元素繼承line-height時，問題會變得更為複雜。line-height值從父元素繼承時，要從父元素計算，而不是在子元

素上計算。這種情況會發生在父元素的line-height是em，percentage等值時。兩種結局辦法，一種是為每個元素都寫line-height，不使用繼承。另一種指定數字值，這個值將是乙個相對font-size的縮放因子，這個值會直接繼承而不是繼承計算值。

#div4
}

文字行中的每個元素都會生成乙個內容區，這由字型的大小確定。這個內容區則會生成乙個行內框(inline box)，如果不存在其他因素，這

個行內框就完全等於該元素的內容區，由line-height產生的行間距就是增加或減少各行內框高度的因素之一。

vertical-align

在css中，vertical-align屬性只應用於行內元素和替換元素，如影象和表單輸入元素。vertical-align屬性不能繼承。

vertical-align不影響塊級元素中內容的對齊。不過，可以用它來影響表單元格中元素的垂直對齊。

word-spacing：（length）| normal | inherit

這個只對英文管用，詞之間的距離。

letter-spacing：（length） | normal | inherit

text-transform：uppercase | lowercase | capitalize | none | inherit

text-decoration：none | [underline || overline || line-through || blink] | inherit

使用這個屬性，可以影響瀏覽器處理字之間和文字行之間的空白符的方式。從某種程度上講，預設的xhtml處理已經完成了空白符處理：它會把所有空白符合併為乙個空格。所以在web瀏覽器中顯示時，各個字之間只會顯示乙個空格，而且忽略元素中的換行。

如果white-space為pre，則不會忽略元素中的換行和空格。

與之相對的值是nowrap，它會防止元素中的文字換行，除非使用了乙個br元素。

值 pre-line normal nowrap pre pre-wrap

空白符合併合併合併保留保留

換行符保留忽略忽略保留保留

自動換行允許允許不允許不允許允許