CSS line-height 屬性
定義和用法
line-height 屬性設(shè)置行間的距離（行高）。
注釋：不允許使用負(fù)值。
說明
該屬性會(huì)影響行框的布局。在應(yīng)用到一個(gè)塊級(jí)元素時(shí)，它定義了該元素中基線之間的最小距離而不是最大距離。
line-height 與 font-size 的計(jì)算值之差（在 CSS 中成為“行間距”）分為兩半，分別加到一個(gè)文本行內(nèi)容的頂部和底部。可以包含這些內(nèi)容的最小框就是行框。
原始數(shù)字值指定了一個(gè)縮放因子，后代元素會(huì)繼承這個(gè)縮放因子而不是計(jì)算值。
| 默認(rèn)值： | normal |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.lineHeight="2" |
實(shí)例
設(shè)置以百分比計(jì)的行高：
p.small {line-height:90%}
p.big {line-height:200%}
TIY （可以在頁(yè)面底部查看更多實(shí)例）
瀏覽器支持
所有瀏覽器都支持 line-height 屬性。
注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| normal | 默認(rèn)。設(shè)置合理的行間距。 |
| number | 設(shè)置數(shù)字，此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來設(shè)置行間距。 |
| length | 設(shè)置固定的行間距。 |
| % | 基于當(dāng)前字體尺寸的百分比行間距。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 line-height 屬性的值。 |
TIY 實(shí)例
- 使用百分比設(shè)置行間距
- 本例演示如何使用百分比值來設(shè)置段落中的行間距。
- 使用像素值設(shè)置行間距
- 本例演示如何使用像素值來設(shè)置段落中的行間距。
- 使用數(shù)值來設(shè)置行間距
- 本例演示如何使用一個(gè)數(shù)值來設(shè)置段落中的行間距。