CSS line-height 屬性
實(shí)例
Set the line height in percent:
p.small {line-height:90%}
p.big {line-height:200%}
p.big {line-height:200%}
嘗試一下 ?
在此頁(yè)底部有更多的例子。
屬性定義及使用說(shuō)明
設(shè)置以百分比計(jì)的行高:.
注意: 負(fù)值是不允許的
默認(rèn)值: | normal |
---|---|
繼承: | yes |
版本: | CSS1 |
JavaScript 語(yǔ)法: | object.style.lineHeight="2" |
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
屬性 | |||||
---|---|---|---|---|---|
line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
屬性值
值 | 描述 |
---|---|
normal | 默認(rèn)。設(shè)置合理的行間距。 |
number | 設(shè)置數(shù)字,此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。 |
length | 設(shè)置固定的行間距。 |
% | 基于當(dāng)前字體尺寸的百分比行間距。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 line-height 屬性的值。 |
更多實(shí)例
使用像素值設(shè)置行間距
本例演示如何使用像素值來(lái)設(shè)置段落中的行間距。
使用數(shù)值來(lái)設(shè)置行間距
本例演示如何使用一個(gè)數(shù)值來(lái)設(shè)置段落中的行間距。
相關(guān)文章
CSS 教程: CSS Text
更多建議: