CSS中行间距问题示例探讨

高度给定的元素, 其内部单行文本垂直居中的一种实现方式为: 给当前定高元素, 设置line-height属性, 其属性值等于当前元素的height值。 今天了解到了一条相关知识, 明白这个方法的实现原理. 我们常说的单倍行距, 双倍行距等等, 主观上认为是line-height设置的值, 如果量一下实际的效果, 会发现两行文本的间距, 并非等于line-height的值. 浏览器计算和分配行间距的方法 间距 =line-height – font-size; 文本上下分配大小 = 间距/2; 字号 = 12px; line-height:3; 间距 = 3*12 – 12 =