vertical-align
vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。
- 行内元素
- 表格单元格
对齐标准
大部分取值是相对于父元素来说的
top
元素及其后代的顶端与整行的顶端对齐。
bottom
元素及其后代的底端与整行的底端对齐。
运用
- 一个图片和文字，顶部对齐
需求图片和文字顶部对齐.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
网友评论