你好：

Line-height:1.5與Line-height:150%的本質(zhì)區(qū)別

1.5與150%數(shù)值貌似相等，但利用在CSS樣式中卻有天壤之別，以前從來(lái)沒(méi)有注意過(guò)這類(lèi)的問(wèn)題，但這卻是一種致命的錯(cuò)誤，在這里分享給大家，希望有所幫助。

Html:

<div?id=”div1″>
<div?id=”div2″>勤能補(bǔ)拙，積累從菜鳥(niǎo)到大神的必要條件</div>
</div>

CSS:

1.#div1{??width:600px;?height:200px;?background:#0e0;font-size:14px;?line-height:1.5;??}
#div2{?width:600px;?background:#e00;font-size:26px;?}

實(shí)際的算法

#div1{?line-height:21px;?/*?14px*1.5=21px?*/?}??#div2{?line-height:39px;?/*?26px*1.5=39px?*/?}

2.#div1{??width:600px;?height:200px;?background:#0e0;font-size:14px;?line-height:150%;}
#div2{?width:600px;?background:#e00;font-size:26px;?}

實(shí)際的算法

#div1{?line-height:21px;?/*?14px*150%=21px?*/?}??????#div2{?line-height:21px;?}

望采納！