line
英[la?n]? ?美[la?n]??
n.線;排;行列;界線
vt.排隊(duì);用線標(biāo)出;沿…排列成行;給…安襯裡
vi.形成一層;排隊(duì);擊出平直球
height
英[ha?t]? ?美[ha?t]??
n.身高;高度,海拔;高地;絕頂,頂點(diǎn)
css line-height屬性 語(yǔ)法
作用:line-height 屬性設(shè)定行間的距離(行高)。
說(shuō)明:此屬性會(huì)影響行框的佈局。在應(yīng)用到一個(gè)區(qū)塊級(jí)元素時(shí),它定義了該元素中基線之間的最小距離而不是最大距離。 line-height 與 font-size 的計(jì)算值之差(在 CSS 中成為「行間距」)分為兩半,分別加到一個(gè)文字行內(nèi)容的頂部和底部??梢园@些內(nèi)容的最小框就是行框。原始數(shù)字值指定了一個(gè)縮放因子,後代元素會(huì)繼承這個(gè)縮放因子而不是計(jì)算值。
註解:不允許使用負(fù)值。
css line-height屬性 範(fàn)例
<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>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例