设置元素竖向居中的三种方式

/*No.1*/
li{
line-height: ;//设为页面高度
vertical-align: middle;
}
li,img{
vertical-align: middle;
}
/*No.2*/
li{
display: table-cell;
vertical-align: middle;
}
/*No.3*/
li{
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}