如何通过设置line-height等于height实现CSS中文字的垂直居中？

本文共计884个文字，预计阅读时间需要4分钟。

由于行内框（inline box）的总高度是由其行高控制的，当行高和容器的height相等，且文字是单行、无换行、无其他inline元素干扰时，浏览器会将文字的基线（baseline）上下留出相等的空隙，从而使得文字看起来居中。

这不是“居中对齐”，而是行高撑满后自然产生的视觉效果。本质是文字在行框里被默认垂直居中了——但仅限于单行文本。