做網(wǎng)頁的時(shí)候有一個(gè)疑問，那就是我去量有關(guān)于字體的時(shí)候該去量到哪里，大家都知道，文字是有默認(rèn)行高的，我們量元素與字體之間的距離的時(shí)候不應(yīng)該從貼著文字量，或者是貼著文字量出數(shù)值以后，應(yīng)該減去相應(yīng)地值，那么問題又來了，我到底應(yīng)該減去多少才是合適準(zhǔn)確的呢，于是我做了一個(gè)實(shí)驗(yàn)：
這是三個(gè)p標(biāo)簽，并且沒有margin值，分別設(shè)置了font-size為12px 16px 20px；并且給不同的背景色
大家會(huì)發(fā)現(xiàn)，這三個(gè)標(biāo)簽中的文字的高度要小于背景色的高度，而且，這個(gè)高度會(huì)隨著字體大小的變化而變化，而這種變化有沒有什么規(guī)律可言呢，于是我個(gè)分別量了它們的高度，發(fā)現(xiàn)第一個(gè)的背景色的高度是17px 第二個(gè)是22px 第三個(gè)是28px,好像沒什么規(guī)律可言；于是我又試了從字號(hào)12px到30px的line-height：
發(fā)現(xiàn)沒什么規(guī)律可言，而且line-height的值不僅隨著字號(hào)的變化而變化，而且隨著字體的變化而變化，所以，我們并找不到它們的規(guī)律。
我建議的方法是在寫頁面之初給line-height設(shè)置一個(gè)倍數(shù)：比如line-height：1.5；
這樣就比較好計(jì)算了，line-height的倍數(shù)是基于字號(hào)的，也就是說，font-size：20px；line-height：1.5；那么最終的line-height的值是30px；
