line-height和height关系

如图所示，line-height = font-size + 上下本行距。上下半行距总是相等。font-size居于中间。当font-size值固定时，line-height越大，半行距越大。所以当line-height=height时，能实现文字垂直居中。同理，当line-height < height，时。上下半行距变短，故文字底线以下留白部分比顶线高；当line-height > height，上下半行距变高，顶线以上的留白比底线高。