针对html结构为以下做图片居中
<div>
<ul>
<li><img src=''></li>
</ul>
</div>
1 设置li 的lige-height
li{
line-height:568px;
vertivcal-align:middle;
}
li img{
vertical-align:middle;
}
2 改变li的盒子模型
li{
display:table-cell;
vertical-align:middle;
}
3 改变li的盒子模型
li{
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}