如何让图片垂直居中

<div class="logo">

<img src="a.png">

</div>

<style type="text/css">

.logo{

display:inline-block;

 width: 30%;

height: 120px;

 line-height: 120px;

vertical-align: top;

}

img{

  vertical-align: middle;

}

</style>