CSS：理解行高 line-height

行高、行距、半行距 從上到下四條線分別是 頂線，中線，基線，底線。 行高 指文本行基線間的垂直距離。上圖任意兩條相同顏色的垂直距離也是行高。 行高數值上等於 字體大小+行距，而行距的一半（半行距）加在頂線上方，一半加在底線下方。 行距 指一行底線到下一行頂線的垂直距離。 半行距 行距的一半。半行距 = (行高 - 字號) / 2 CSS 中的 margin-top 不是從文字的頂線算起的，而是從離

>>阅读原文<<