line-height取值方法相信很多前端er都用过line-height来设置行高布局。我们来看看官方的定义:在块级元素上,line-height属性指定了元素内行框的最小高度。在非替换内联元素上,line-height指定用于计算行框高度的高度。是的,我们在开发的时候,对一个属性没有深入的理解。比如不同的line-height值实现不同的效果。下面依次看一下常用的几种取值方法。?px单位值line-height:26px目的是直接定义目标元素的行高为26px的高度。%百分比值line-height:150%该方法一般用来定义目标元素的行高,会和font-size:14px属性一起使用,因为当前元素的行高是1.5*14px=21px带百分比。而如果其级联子元素没有定义line-height属性,无论是否定义了font-size属性,其级联子元素的行高都是21px(与自身的font-size无关).倍数line-height:1.5一般与font:14px属性结合使用,但对级联子元素的影响是不同的。如果层叠的子元素没有定义line-height属性,而是定义了font-size属性,这些层叠子元素的行高就是继承的line-height乘以自身的font-size属性的倍数。总结一般来说,为了更方便和清晰的使用line-height,使用多个值是最好的设置方式,如:body{font:12px/1.5tahoma,arial,"\5b8b\4f53"}原文链接
