多行文字在盒子垂直居中，非完全垂直居中

每个“行框盒子”都会附带的一个产物—“幽灵空白节点”，即一个宽度为 0、表现如同普通字符的看不见的“节点”。就是i因为它，line-height: 120px;把.box撑起高度120px

.box {
    line-height: 120px;
    background-color: #f0f3f9;
}
.content {
    display: inline-block;
    line-height: 20px;
    margin: 0 20px;
    vertical-align: middle;
}
<div class="box">
    <div class="content">基于行高实现的...</div>
</div>