line

英 [la?n]? ?美 [la?n]??

n.線條;排;行列;界線

vt.排隊(duì);用線標(biāo)出;沿…排列成行;給…安襯里

vi.形成一層;排隊(duì);擊出平直球

height

英 [ha?t]? ?美 [ha?t]??

n.身高;高度,海拔;高地;絕頂,頂點(diǎn)

css line-height屬性 語法

作用:line-height 屬性設(shè)置行間的距離(行高)。

說明:該屬性會影響行框的布局。在應(yīng)用到一個(gè)塊級元素時(shí),它定義了該元素中基線之間的最小距離而不是最大距離。line-height 與 font-size 的計(jì)算值之差(在 CSS 中成為“行間距”)分為兩半,分別加到一個(gè)文本行內(nèi)容的頂部和底部。可以包含這些內(nèi)容的最小框就是行框。原始數(shù)字值指定了一個(gè)縮放因子,后代元素會繼承這個(gè)縮放因子而不是計(jì)算值。

注釋:不允許使用負(fù)值。

css line-height屬性 示例

<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
這是擁有標(biāo)準(zhǔn)行高的段落。
在大多數(shù)瀏覽器中默認(rèn)行高大約是 110% 到 120%。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
這是擁有標(biāo)準(zhǔn)行高的段落。
</p>
<p class="small">
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
這個(gè)段落擁有更小的行高。
</p>
<p class="big">
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
這個(gè)段落擁有更大的行高。
</p>
</body>
</html>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例