CSS line-height 等于盒子高度实现垂直居中原理

当 line-height 的值等于盒子的高度时，文本内容会在盒子内垂直居中显示。

这是因为 line-height 定义了行框的高度，而文本内容会在行框内居中显示。当 line-height 的值等于盒子的高度时，行框的高度就等于盒子的高度，文本内容就会在行框内居中显示，从而实现了盒子内文本的垂直居中。

原文地址: http://www.cveoy.top/t/topic/qwSh 著作权归作者所有。请勿转载和采集!