line-height

大片密密麻麻的文字往往會讓人覺得乏味，因此適當地調整行高（line-height）可以減低閱讀的困難與枯燥，並且使頁面顯得美觀。行高指的是文本行的基線間的距離，但是文本之間的空白距離不僅僅是行高決定的，同時也受字型大小的影響。

行高指的是文本行的基線間的距離（更簡單來說，行高是指文字尺寸與行距之間的和）。而基線（Base line），指的是一行字橫排時下沿的基礎線，基線並不是漢字的下端沿，而是英文字母x的下端沿，同時還有文字的頂線（Top line）、中線（Middle line）和底線（Bottom line），用以確定文字行的位置。行高與字體尺寸的差稱為行距（leading）,也就是說行高是指文字尺寸與行距之間的和。

line-height屬性設置行間的距離（行高）。

註釋：不允許使用負值。

瀏覽器支持

所有瀏覽器都支持line-height屬性。

註釋：任何的版本的Internet Explorer（包括IE8）都不支持屬性值"inherit"。

檢索或設置對象的行高。即字體最底端與字體內部頂端之間的距離。

如行內包含多個對象，則應用最大行高。此時行高不可為負值。

對應的腳本特性為lineHeight。請參閱我編寫的其他書目。

該屬性會影響行框的布局。在應用到一個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。

line-height與font-size的計算值之差（在CSS中成為“行間距”）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。

div{line-height:6px;}

div{line-height:10.5em;}

1.用line-height只對文字起作用對於圖片時失效。

2.用dreamweaver可以看到即時的line-height的效果。

3.該值不能使用負值，使用了也無效的。

需要注意的是，在各瀏覽器下對於line-height的解決也是有細微的區別的，上下會有1px的差別，如果行高是偶數的話，大部分瀏覽器解釋還是比較正常，如果是奇數的話，有些瀏覽器會上比下多1px,而另一些瀏覽器會下比上多1px,對於有些要求比較嚴格的網站，建議行高設計時用偶數。

本例演示如何使用像素值來設置段落中的行間距。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。

這個段落擁有更小的行高。