一、vertical-align
属性设置元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

常用场景— 行内元素垂直对齐

        <div>
          <span class="titleLeft middle"></span>
          <span class="middle">详情</span>
        </div>
---------------------------------------
.titleLeft {
  display: inline-block;
  width: 3px;
  height: 14px;
  line-height: 1.5;
  margin-right: 5px;
  background-color: #00c98e;
}
.middle {
  vertical-align: middle;
}

                  <div>
                    <span style="font-size:20px;margin-right:5px;" class="middle">
                      <svg-icon icon-class="warnTips"></svg-icon>
                    </span>
                    <span class="middle">收到一条工单通知</span>
                  </div>