技術標籤：css/sasscss

一、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>