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