關於line height設定

2021-08-30 12:33:09 字數 338 閱讀 7065

乙個小小屬性就有那麼多的學問,我們來一起了解一下關於line-height設定

行高有五種設定方法inherit/normal/百分比/固定大小/純數字

如果使用百分比的話,只會根據父元素font-size來計算的行高,且它的子元素僅僅繼承父元素的行高,而不能根據自己的font-size來計算的行高

如果使用固定大小,那麼父元素和子元素都使用這個大小

如果使用normal(約1.2倍)的話,父元素和子元素都會根據自己的字型的大小來計算行高(1.2 * font-size)

如果使用純數字,父元素和子元素都會根據自己的字型的大小來計算行高(font-size * line-height)

關於line height的特性研究

對於樣式表中的line height屬性究竟會對元素產生什麼樣的影響,是乙個比較重要的問題,往往有我們使用了此屬性達到的一些效果,但它是通過怎麼的原理達到此效果總是比較模糊,line height它本來的意思行高,但是設定元素高度可以使用height,為什麼什麼還需要專門用乙個line height...

關於line height的一些理解

看張鑫旭的部落格關於line height的一些理解.結論 乙個沒有定義高度的盒子的高度是由其包裹的盒子lineboxes的最大line height決定.但是若line boxes沒有內容,即使該盒子自己定義了行高,也無法作用於自己的高度.div什麼也沒有顯示,在瀏覽器上.如果這樣 你好 div就...

line height 3種設定方式的區別

前言 平常寫css習慣性的寫line height 1.5em,也見過類似line height 1.5,line height 150 這種寫法,但是從來沒有想過這三者有什麼區別,最近突然看到有人提到這個問題,很感興趣,於是查資料自己嘗試了一下。首先有一點要明確的是,line height是具有繼...