display:table-cell 与 vertical-align:middle结合使用，使容器内容垂直居中

以下方法如果不起作用，因为img的父级用了float属性。

performance：

//

solve方案1：

 

performance:

brief summary:

1.  vertical-align 只对table-cell（可以设置宽高 的行内元素）的元素有效，及类似table-cell的元素，如：input  button radio checkbox  

2. display:inline-block 约等于table-cell

                                          第二部分：图片垂直居中的3种常用方法

html:

<div class="parent">

              <img