CSS line-height 屬性
示例
為不同的 <div> 元素設定行高
div.a {
line-height: normal;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 80%;
}
div.d {
line-height: 200%;
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
line-height 屬性指定行的高度。
注意：不允許負值。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 語法
line-height: normal|number|length|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| normal | 正常行高。這是預設值 | 演示 ❯ |
| 數字 | 一個數字，它將乘以當前字號來設定行高 | 演示 ❯ |
| length | 固定行高，單位為 px、pt、cm 等。 | 演示 ❯ |
| % | 以當前字號百分比表示的行高 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
示例
為不同的 <div> 元素設定畫素和釐米為單位的行高
div.a {
line-height: 10px;
}
div.b {
line-height: 30px;
}
div.c {
line-height: 0.5cm;
}
div.d {
line-height: 1cm;
}
自己動手試一試 »
示例
為不同的 <div> 元素設定數字作為行高
div.a {
line-height: 0.5;
}
div.b {
line-height: 1.6;
}
div.c {
line-height: 2;
}
自己動手試一試 »
相關頁面
CSS 教程： CSS 文字間距
HTML DOM 參考： lineHeight 屬性
