CSS中line-height:150%与line-height:1.5的区别

line-height属性的细节
与大多数CSS属性不同，line-height支持属性值设置为无单位的数字。有无单位在子元素继承属性时有微妙的不同。

语法
line-height: normal | <number> | <length> | <percentage>
normal 根据浏览器决定，一般为1.2。
number 仅指定数字时（无单位），实际行距为字号乘以该数字得出的结果。可以理解为一个系数，子元素仅继承该系数，子元素的真正行距是分别与自身元素字号相乘的计算结果。大多数情况下推荐使用，可以避免一些意外的继承问题。
length 具体的长度，如px/em等。
percentage 百分比，100%与1em相同。

有单位（包括百分比）与无单位之间的区别
有单位时，子元素继承了父元素计算得出的行距；无单位时继承了系数，子元素会分别计算各自行距（推荐使用）。

参考资料

• https://developer.mozilla.org/en-US/docs/CSS/line-height
• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/

原文作者：李天昭
链接：https://www.zhihu.com/question/20394889/answer/15186635
来源：知乎