样式 - 字体垂直居中

line-height + height

目标元素（字体）的line-height大小等于父类元素的height大小，可以实现垂直居中。

代码

<style>
* { margin: 0;padding: 0;}
div {
width: 300px;
height: 100px;//父类元素高度
margin: 20px auto;border: 1px dashed #000;text-align: center;
}
.lh{
font-size:24px;
line-height:100px; //目标垂直字体的行高
}
</style>
<div>         
 <span class="lh">inline垂直居中</span>
</div>

效果

参考

• 字体垂直居中的几种实现方法