诸如类似的需求
一个预约单状态栏
1.左侧图标用的background-url
所以控制边距时，不要用padding,否则图片也会被撑开。
2.中间的文字为多行可变。但是div布局不能hold住vertical-align属性；设置line-height,那下面的字号偏小的文字就直接被line-height顶下去了。
finally,找到了一个方法：display:table-cell支持vertical-align
用法：
父 {
display: table;
}
子 {
display: table-cell;
vertical-align: middle;
}
----------------------------------------------------------------------
HAPPY ENDING!
