line

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

n.線;排;行列;界線

vt.排隊;用線標出;沿…排列成行;給…安襯裡

vi.形成一層;排隊;擊出平直球

height

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

n.身高;高度,海拔;高地;絕頂,頂點

css line-height屬性 語法

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

說明:此屬性會影響行框的佈局。在應用到一個區(qū)塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。 line-height 與 font-size 的計算值之差(在 CSS 中成為「行間距」)分為兩半,分別加到一個文字行內(nèi)容的頂部和底部??梢园@些內(nèi)容的最小框就是行框。原始數(shù)字值指定了一個縮放因子,後代元素會繼承這個縮放因子而不是計算值。

註解:不允許使用負值。

css line-height屬性 範例

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

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#