行高是指一行文字的高度，具体说是两行文字间基线的距离。CSS 中起高度作用的是 height 和 line-height ，没有定义 height 属性，最终其表现作用一定是 line-height 。

单行文本垂直居中：（行高==元素高度）

height: 40px;
line-height: 40px; /* 行高 == 高 */

多行文本垂直居中：（父容器table，子容器 table-cell+vertical-align:middle）

<div>
  <span>
    啊实打实大苏打啊实打实大师大师的啊实打实大苏打
  </span>
</div>

<style>
  div {
    width: 300px;
    height: 200px;
    display: table;
    background-color: pink;
  }
  span {
    display: table-cell;
    vertical-align: middle;
  }
</style>