vertical-align

vertical-align 用來(lái)指定行內(nèi)元素（inline）或表格單元格（table-cell）元素的垂直對(duì)齊方式。

1. 行內(nèi)元素
2. 表格單元格

對(duì)齊標(biāo)準(zhǔn)

大部分取值是相對(duì)于父元素來(lái)說(shuō)的

top
 元素及其后代的頂端與整行的頂端對(duì)齊。
bottom
元素及其后代的底端與整行的底端對(duì)齊。

詳細(xì)請(qǐng)看mdn

運(yùn)用

1. 一個(gè)圖片和文字，頂部對(duì)齊
   
   需求圖片和文字頂部對(duì)齊.png
   
   例子

<div class="title">
      <span class="brand"></span>
       <span class="name">{{seller.name}}</span>
 </div>

.brand
  display inline-block
  vertical-align top
  width 30px
  height 18px
  bg-img('brand')
  background-size 30px 18px
  background-repeat no-repeat
.name
  margin-left 6px
  font-size 16px
  font-weight bold
  line-height 18px