line-height,顧名思義指一行文字高度,具體是指兩行文字基線的距離。
在css中,起高度作用的不是height就是line-height!在一個有文字的div中沒有定高度,之前一直以為是字體把div撐開了,后來使用多后才發(fā)現(xiàn)其實并不是字體撐開div,而是line-height,因為div的文字都有默認的line-height,可以嘗試去把line-height設(shè)置為0,這時如果div設(shè)置一個邊框,div成了一條直線,細心的還會發(fā)現(xiàn)這條線是在文字的中線位置。
那么為什么line-height會產(chǎn)生高度呢,在inline box模型中,其實有個line boxes,它的工作就是包裹每行文字,一行文字一個line boxes,當(dāng)然如果這行文字還包括圖片,span之類的inline屬性標(biāo)簽,它就會取其中l(wèi)ine-height最高的作為自己的高度。
以上是本人參考這篇文章對line-height的一些更深層的理解
http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-height%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%90%86%E8%A7%A3%E5%8F%8A%E5%BA%94%E7%94%A8/
上一篇:常見css瀏覽器兼容問題集合
下一篇:深入理解inline-block