css line-height屬性
翻譯結果：
line
英[laɪn] 美[laɪn]
n.線;排;行列;界線
vt.排隊;用線標出;沿…排列成行;給…安襯裡
vi.形成一層;排隊;擊出平直球
height
英[haɪt] 美[haɪt]
n.身高;高度，海拔;高地;絕頂，頂點
css line-height屬性語法
作用：line-height 屬性設定行間的距離（行高）。
說明：此屬性會影響行框的佈局。在應用到一個區塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。 line-height 與 font-size 的計算值之差（在 CSS 中成為「行間距」）分為兩半，分別加到一個文字行內容的頂部和底部。可以包含這些內容的最小框就是行框。原始數字值指定了一個縮放因子，後代元素會繼承這個縮放因子而不是計算值。
註解：不允許使用負值。
css line-height屬性範例
<html>
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
<p>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
</p>
<p class="small">
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
</p>
<p class="big">
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</p>
</body>
</html>#點擊 "執行實例" 按鈕查看線上實例