vertical-align小结

vertical-align

vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。

1. 行内元素
2. 表格单元格

对齐标准

大部分取值是相对于父元素来说的

top
 元素及其后代的顶端与整行的顶端对齐。
bottom
元素及其后代的底端与整行的底端对齐。

详细请看mdn

运用

1. 一个图片和文字，顶部对齐
   
   

   需求图片和文字顶部对齐.png
   
   例子

      
       {{seller.name}}
 

.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