網(LieHuo.Net)教程 平時經常見到的line-height竟包含很多鮮為人知的事。line-height的值可以為:<length>|<percentage>|<number>| noromal | inherit。em,px和百分數都相對于元素的font-size值計算。但是當一個塊級元素繼承另一個元素的line-height屬性時,情況就會變得比較復雜。line-height值從父元素繼承時,要從父元素那里計算,而不是在子元素上計算。
以下為引用的內容: <body style="font-size:10px;"> <div style="line-height:150%"> <p style="font-size:15px;">是全球中文互聯網資訊與教程的提供者,多年來一直堅持為互聯網發展提供動力,熱情、積極、向上、不斷進取是Liehuo.Net所提倡的品格!</p> </div> </body> |
這里的p的font-size是16px,但是它繼承來的line-height只有15px,所以導致行挨得比較近。 解決辦法:1.可以為每個元素顯式的設置line-height屬性,但是不太實用。
2.指定一個數,由它設置縮放因子。
以下為引用的內容: <body style="font-size:10px;"> <div style="line-height:1.5"> <p style="font-size:15px;">是全球中文互聯網資訊與教程的提供者,多年來一直堅持為互聯網發展提供動力,熱情、積極、向上、不斷進取是Liehuo.Net所提倡的品格! </p> </div> </body> |