图片垂直居中的三种方式

<li><img src=""></li>

第一种：
 <style>
  li {
  display:table-call;
  vertical-align:middle;
  
}
</style>
第二种：
 li {
line-height:   //  整个屏的高度
vertical-align:middle;
  
}
li img{
 vertical-align:middle;
}

第三种：
li{
 display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}