CSS：理解行高 line-height

行高、行距、半行距 从上到下四条线分别是 顶线，中线，基线，底线。 行高 指文本行基线间的垂直距离。上图任意两条相同颜色的垂直距离也是行高。 行高数值上等于 字体大小+行距，而行距的一半（半行距）加在顶线上方，一半加在底线下方。 行距 指一行底线到下一行顶线的垂直距离。 半行距 行距的一半。半行距 = (行高 - 字号) / 2 CSS 中的 margin-top 不是从文字的顶线算起的，而是从离

>>阅读原文<<