CSS line-height 屬性

定義和用法

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

注釋：不允許使用負值。

說明

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

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

原始數字值指定了一個縮放因子，后代元素會繼承這個縮放因子而不是計算值。

另請參閱：

CSS 教程：CSS 文本

HTML DOM 參考手冊：lineHeight 屬性

實例

設置以百分比計的行高：

p.small {line-height:90%}
p.big {line-height:200%}

親自試一試

（可以在頁面底部查看更多實例）

CSS 語法

line-height: normal|number|length|initial|inherit;

屬性值

值 描述
normal 默認。設置合理的行間距。
number 設置數字，此數字會與當前的字體尺寸相乘來設置行間距。
length 設置固定的行間距。
% 基于當前字體尺寸的百分比行間距。
inherit 規定應該從父元素繼承 line-height 屬性的值。

技術細節

默認值： normal
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.lineHeight="2"

TIY 實例

使用百分比設置行間距
本例演示如何使用百分比值來設置段落中的行間距。
使用像素值設置行間距
本例演示如何使用像素值來設置段落中的行間距。
使用數值來設置行間距
本例演示如何使用一個數值來設置段落中的行間距。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0