position:absolute带来的影响

诸如类似的需求

一个预约单状态栏

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!