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