网(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> |