一. 问题背景

情况：div包着一个img，要使img水平且垂直居中

二. 解决方案

最最最关键：div中的text-align:center;是必须填的，如下：

<div style="text-align:center;" class="img">
    <img style="vertical-align:center" src="/images/purchaseRate.png" height="50%" width="50%"/>
</div>

知道为什么特然用这个就可以，之前试过几遍都无效。另外img中的height以及width用百分比是为了起到自适应的效果。