用错了 line-height 好多年😇，仔细读读 line-height - CSS: Cascading Style Sheets | MDN，其中提到的关于带单位与不带单位的不预期的行为。

本来想写点儿例子总结下的，结果发现写的例子总有我自己不明白的地方，干脆不写了🌿。

还是写点儿……

  1. 既然 span 继承了 div 的 line-height，但是为什么写和不写有区别？

     1
 2
 3
 4
 5
 6
 7
 8
 9
10

    <div><span>1</span></div>
<style>
	div {
		line-height: 2em;
	}
	span  {
		font-size: 8em;
		line-height: 2em;
	}
</style>

    用例：line-height-inheritance.html。

桃子的碎碎念 桃子 编辑