设置元素行高的三种方法详解

行高：

1.line-height:2 设置为数值时，父盒子设置了行高，子盒子行高以自身字号为参考

如：父盒子字号为10px，那么父盒子行高20px，子盒子字号20px，那么子盒子行高40px

2.line-height:120% 设置为百分比时，父盒子设置了行高，子盒子行高以父盒子字号为参考

如：父盒子字号为10px，那么父盒子行高10*120%=12px，那么子盒子继承父盒子行高为12px

3.line-height:20px 设置像素时，只会对此元素有效果，不会继承

转载于:https://my.oschina.net/hzb1995/blog/749924