CSS 行高
line-height 属性，可以用在块级元素上，顾名思义，就是 每一行的高度。
line-height 属性可以使用下面的单位：
pxem%- 无单位, 比如
1.5
在没有单位的时候，它的工作原理类似百分比。比如 150% 和 1.5 是一样的。后者更实用可读。
为什么 line-height 非常重要
line-height 通过增加行间距，让你的文本更容易阅读。文本的大小影响可读性，建议使用相对与文本动态的值来设置行高，也就是无单位的值，不要使用px，因为使用px以后行高写死，如果字号变大，文字将会重叠。
当然 px 也是很有用的，比如说你想让一行文字对于整个块级元素上下居中，那么你可以设置行高为元素的高度。
因为使用 % 或 em 的可能产生意想不到的效果，推荐使用 无单位 的值
- 在文章中，建议使用1.5倍行高
- 在文章标题中，建议使用1.2倍行高
body{ font-size: 16px; line-height: 1.5;}
通过计算，行高是 16 * 1.5 = 24px
Line-height 继承
行高是会被子元素继承的：
body{ font-size: 16px; line-height: 1.5;}
blockquote{ font-size: 18px;}
blockquote 元素的行高会是 18*1.5 = 17px
版权声明
本博客文章均为 范明非 原创或翻译，采用知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。
原文地址： https://fanmingfei.com/posts/CSS_Line_Height.html